-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
137 lines (126 loc) · 7.37 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-T4H9LXG');</script>
<!-- End Google Tag Manager -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LLDS6RQWJP"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-LLDS6RQWJP');
</script>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Awesome Health Course</title>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T4H9LXG"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Navbar Section -->
<nav class="navbar">
<div class="navbar__container">
<a style="padding: 3px 16px; margin: 10px 0 10px; background: hsla(0, 0%, 0%, 0.6)" href="https://bioptimizers.com/" class="navbar-brand"><img src="https://bioptimizers.com/_assets/img/logo/bioptimizers-logo-new-dark.svg" alt="logo" class="bio-logo"></a>
<div class="navbar__toggle" id="mobile-menu">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
<ul class="navbar__menu">
<li class="navbar__item">
<a href="https://bioptimizers.com/" class="navbar__links" id="home-page">Home</a>
</li>
<li class="navbar__item">
<a href="https://bioptimizers.com/contact-us/" class="navbar__links" id="about-page">Contact Us</a>
</li>
</ul>
</div>
</nav>
<!-- Hero Section -->
<div class="hero container" id="home">
<div class="hero__container">
<h1 class="hero__heading">Get Access To The <span>AWESOME</span> Health Course</h1>
<p class="hero__description">In this 12 week program, you're going to discover how to achieve AWESOME health and double your energy
with natural, tested, and scientific strategies.
</p>
<button class="main__btn"><a href="#about">Learn More</a></button>
</div>
</div>
<!-- About Section -->
<div class="main container" id="about">
<div class="main__container">
<div class="main__img--container">
<div class="cover-wrap">
<div class="ribbon-wrapper">
<div class="ribbon">$297 Value</div>
</div>
<div class="main__img--card"><img src="images/Awesome-Health-Course-Graphic-1.png" class="coverBig"></div>
<button class="main__btn"><a href="#">Double My Energy</a></button>
</div>
</div>
<div class="main__content" id="#about">
<h1>Here's just a tiny sample of what you'll be seeing over the next 12 weeks:</h1>
<p>
<img src="http://www.knowledgepoint.com/wp-content/uploads/2018/05/iStock-845888110.jpg" alt="checkmark" class="checkmark"> How To Get 70 Percent More Energy In 30 Seconds Or Less<br>
<img src="http://www.knowledgepoint.com/wp-content/uploads/2018/05/iStock-845888110.jpg" alt="checkmark" class="checkmark"> The Ultimate Key To High Performance, Health And Longevity<br>
<img src="http://www.knowledgepoint.com/wp-content/uploads/2018/05/iStock-845888110.jpg" alt="checkmark" class="checkmark"> Mastering Your Mind For Health, Wealth And Happiness<br>
<img src="http://www.knowledgepoint.com/wp-content/uploads/2018/05/iStock-845888110.jpg" alt="checkmark" class="checkmark"> How To Turn The Tide Against Uncontrollable Food Cravings<br>
<img src="http://www.knowledgepoint.com/wp-content/uploads/2018/05/iStock-845888110.jpg" alt="checkmark" class="checkmark"> How To Select The Most Powerful Supplements For You<br>
<img src="http://www.knowledgepoint.com/wp-content/uploads/2018/05/iStock-845888110.jpg" alt="checkmark" class="checkmark"> How To Stay Lean And Trim Without Sacrifice<br>
<img src="http://www.knowledgepoint.com/wp-content/uploads/2018/05/iStock-845888110.jpg" alt="checkmark" class="checkmark"> The Simplest And Fastest Way To Detoxification And Great Skin<br>
<img src="http://www.knowledgepoint.com/wp-content/uploads/2018/05/iStock-845888110.jpg" alt="checkmark" class="checkmark"> How to optimize Your Brain For Super Intelligence<br>
<img src="http://www.knowledgepoint.com/wp-content/uploads/2018/05/iStock-845888110.jpg" alt="checkmark" class="checkmark"> And much, much more ...
</p>
<p class="important"><span>IMPORTANT</span>: Click the "double my energy" button for access. After you enter your information, please check your email for setting
up your account to login to the private program platform.
</p>
<p class="please-email">If you have any questions or trouble at all, please email support@bioptimizers.com.<br></p>
<p>Yours in Health,<br>
Wade Lightheart
</p>
</div>
</div>
</div>
<!-- Quote Section -->
<div class="quote__section">
<h1 class="quote">
<img src="images/icons8-quote-left-40.png" class="quotes"> These strategies, tactics, and techniques have been tested and used by thousands of athletes,
business leaders, and "regular" people with great results. <img src="images/icons8-get-quote-40 (1).png" class="quotes">
</h1>
<div class="quote__wrapper">
<div class="wade__photo-container">
<img src="images/Wade-Lightheart-Headshot-sq.jpg" class="wade__photo">
<div class="quote-section__text">
<h1>Wade Lightheart</h1>
<div class="wade__list">
<p><img src="https://www.freeiconspng.com/thumbs/arrow-icon/right-arrow-icon-27.png" alt="arrow"> Director of Education, BiOptimizers</p>
<p><img src="https://www.freeiconspng.com/thumbs/arrow-icon/right-arrow-icon-27.png" alt="arrow"> Advisor For The American Anti-Cancer Institute</p>
<p><img src="https://www.freeiconspng.com/thumbs/arrow-icon/right-arrow-icon-27.png" alt="arrow"> 3-time All Natural National Bodybuilding Champion</p>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Section -->
<div class="footer__container">
<div class="footer__links">
<div class="footer__link--wrapper">
<div class="footer__link--items">
<a href="https://bioptimizers.com/privacy-policy" class="privacy-policy">Privacy Policy</a>
</div>
</div>
</div>
</div>
<script src="./app.js"></script>
</body>
</html>