Webinar LP - Thank You

Developer
Robert Asaad
Size
4,747 Kb
Views
28,336
  1. Webinar LP - Thank You Previews
  2. Webinar LP - Thank You HTML Codes
  3. Webinar LP - Thank You CSS Codes

How do I make an webinar lp - thank you?

What is a webinar lp - thank you? How do you make a webinar lp - thank you? This script and codes were developed by Robert Asaad on 18 September 2022, Sunday.

Webinar LP - Thank You Previews
IQ Test

Webinar LP - Thank You - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Webinar LP - Thank You</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <!-- Hero -->
<section class="hero text-center"> <div class="container reveal"> <div class="row"> <div class="col-xs-12"> <div class="fancy"> <span><a href="//cumulusnetworks.com" target="_blank"><img src="//cumulusnetworks.com/media/uploads/logos/logo-cumulus-reversed.svg" alt="Cumulus" class="logo-cumulus"></a></span> </div> <h1 class="text-white">Thank you!</h1> </div> </div> </div>
</section>
<!-- Main content -->
<main class="text-center"> <div class="container"> <div class="row"> <div class="col-xs-12"> <h2>You have registered for the webinar. See you soon!</h2> <div class="spacer20"></div> <a href="//https://cumulusnetworks.com" class="btn btn-default btn-lg">Back to CumulusNetworks.com</a> <div class="spacer100"></div> <div class="spacer100"></div> </div> </div> </div>
</main>
<!-- Footer -->
<footer class="text-center bg-limed-spruce"> <div class="container"> <div class="row"> <div class="col-xs-12"> <a href="//cumulusnetworks.com" target="_blank"> <img src="//cumulusnetworks.com/media/uploads/logos/logo-cumulus-reversed.svg" alt="Cumulus" class="logo-cumulus"> </a> <p class="text-cadet-blue no-margin"><small>&copy; 2016 Cumulus Networks. The Leaders in Open Networking.</small></p> </div> </div> </div>
</footer> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
<script src='https://unpkg.com/[email protected]/dist/scrollreveal.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery-smooth-scroll/2.0.0/jquery.smooth-scroll.min.js'></script>
</body>
</html>

Webinar LP - Thank You - Script Codes CSS Codes

@import "https://s3-us-west-1.amazonaws.com/cumulus-fonts/gotham/css/gotham-webfont.css";
html,
body { overflow-x: hidden;
}
h1, h2, h3, p { margin-bottom: 25px;
}
h1 { font: 300 40px/46px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #36424A; letter-spacing: -1.5px; margin-bottom: 15px;
}
@media only screen and (min-width: 768px) { h1 { font-size: 60px; line-height: 72px; }
}
@media only screen and (min-width: 992px) { h1 { font-size: 70px; line-height: 80px; }
}
h2 { font: 300 24px/34px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #36424A; letter-spacing: -0.33px;
}
@media only screen and (min-width: 768px) { h2 { font-size: 26px; line-height: 38px; }
}
h3 { font: 500 17px/25px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #36424A; letter-spacing: 0.6px; text-transform: uppercase;
}
p { font: 300 18px/29px "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0.35px; color: #5F6A72;
}
@media only screen and (min-width: 768px) { p { font-size: 17px; line-height: 28px; }
}
.fancy { overflow: hidden; text-align: center;
}
.fancy span { position: relative;
}
.fancy span:before, .fancy span:after { content: ""; position: absolute; border-bottom: 0px solid #B5BDC9; width: 600px; height: auto; top: 50%;
}
@media only screen and (min-width: 768px) { .fancy span:before, .fancy span:after { border-bottom-width: 1px; }
}
.fancy span:before { right: 100%; margin-right: 15px;
}
.fancy span:after { left: 100%; margin-left: 15px;
}
.text-white { color: #FFF;
}
.text-athens-gray { color: #EAEDF2;
}
.text-cadet-blue { color: #B5BDC9;
}
.bg-alice-gray { background-color: #F6F8FA;
}
.bg-limed-spruce { background-color: #36424A;
}
div[class^="spacer"] { width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block;
}
.spacer5 { height: 5px;
}
.spacer10 { height: 10px;
}
.spacer15 { height: 15px;
}
.spacer20 { height: 20px;
}
.spacer25 { height: 25px;
}
.spacer30 { height: 30px;
}
.spacer35 { height: 35px;
}
.spacer40 { height: 40px;
}
.spacer45 { height: 45px;
}
.spacer50 { height: 50px;
}
.spacer60 { height: 60px;
}
.spacer70 { height: 70px;
}
.spacer80 { height: 80px;
}
.spacer90 { height: 90px;
}
.spacer100 { height: 100px;
}
.no-margin { margin: 0;
}
.no-gutter { padding-left: 0; padding-right: 0;
}
.btn { background: #00AD69; border-color: #00AD69; border-radius: 0; font: 400 16px/25px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #FFF; letter-spacing: -0.13px; padding: 15px 40px; -webkit-transition: 0.25s all; transition: 0.25s all;
}
.btn:hover, .btn:focus { background: #4BC05B; border-color: #4BC05B; color: #FFF;
}
main { padding: 30px 0 50px;
}
@media only screen and (min-width: 768px) { main { padding: 50px 0 70px; }
}
.container { padding-left: 30px; padding-right: 30px;
}
@media only screen and (min-width: 768px) { .container { padding-left: 15px; padding-right: 15px; }
}
.hero { background: url(//cumulusnetworks.com/media/uploads/images/bg-pardot-lp.jpg) no-repeat center center; background-size: cover; padding-top: 70px; padding-bottom: 70px;
}
@media only screen and (min-width: 768px) { .hero { padding-bottom: 100px; }
}
.hero .fancy { margin-bottom: 50px;
}
@media only screen and (min-width: 1200px) { .hero .fancy { margin-bottom: 100px; }
}
.hero .fancy span:before,
.hero .fancy span:after { opacity: 0.3;
}
.hero .fancy .logo-cumulus { width: 216px;
}
footer { color: #FFF; padding: 50px 0;
}
footer .logo-cumulus { width: 160px; height: auto; margin-bottom: 15px;
}
Webinar LP - Thank You - Script Codes
Webinar LP - Thank You - Script Codes
Home Page Home
Developer Robert Asaad
Username robasaad
Uploaded September 18, 2022
Rating 3
Size 4,747 Kb
Views 28,336
Do you need developer help for Webinar LP - Thank You?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Robert Asaad (robasaad) Script Codes
Name
PNG vs SVG Showdown
Cumulus Networks bios
Centered floating elements
Cumulus Buttons
React in 15ish minutes
Cumulus cards
Nav with fading underline
Hero with fading gradient backgrounds
Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!