-
Notifications
You must be signed in to change notification settings - Fork 27
/
Copy pathcalltoaction.html
136 lines (130 loc) · 5.66 KB
/
calltoaction.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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" type="text/css" href="./assets/plugins/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="./assets/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="./assets/plugins/animatecss/css/animate.min.css">
<link rel="stylesheet" type="text/css" href="./assets/css/styles.css">
</head>
<body class="bg-dark-gradient">
<nav class="navbar navbar-expand-lg navbar-light navbar-shrink p-3">
</nav>
<section>
<div class="container">
<div class="row">
<div class="col-12">
<ul class="components-list">
<li><a href="navigation.html" >Navigation (14)</a></li>
<li><a href="headers.html" >Headers (15)</a></li>
<li><a href="features.html" >Features (9)</a></li>
<li><a href="forms.html" >Forms (12)</a></li>
<li><a href="calltoaction.html" >Call to Action (4)</a></li>
<li><a href="counters.html" >Counters (6)</a></li>
<li><a href="showcase.html" >Showcase (5)</a></li>
<li><a href="people.html">People (6)</a></li>
<li><a href="pricing.html" >Pricing (8)</a></li>
<li><a href="clients.html" >Clients (6)</a></li>
<li><a href="blogs.html" >Blog (5)</a></li>
<li><a href="footers.html" >Footer (14)</a></li>
<li><a href="colors.html" >Colors</a></li>
</ul>
</div>
</div>
</div>
</section>
<div class="container">
<!-- Component Call To Action 1 Start -->
<section class="py-5 bg-light">
<div class="container">
<div class="row">
<div class="col-md-8 mx-auto text-center">
<h1 class="my-3 font-title">Download UnderExpress Now</h1>
<p class="paragraph font-title p-3">100+ Components, no cost and affordable support, what stops your business and portfolio from having a beautiful website now?</p>
<a class="my-4 btn btn-warning btn-rounded"><i class="m-2 fa fa-download"></i>Download Now</a>
</div>
</div>
</div>
</section>
<!-- Component Call To Action 1 end -->
<br><br>
<!-- Component Call To Action 2 Start -->
<section class="py-5 bg-dark cwhite">
<div class="container">
<div class="row">
<div class="col-12 col-md-8 text-center align-center justify-center">
<h4 class="font-title">100+ customizable and easy to use components</h4>
</div>
<div class="col-12 col-md-4 text-center align-center justify-center">
<a class="btn btn-danger flat"><span class="cwhite"><i class="m-2 fa fa-download"></i>Download Now</span></a>
</div>
</div>
</div>
</section>
<!-- Component Call To Action 2 end -->
<br><br>
<!-- Component Call To Action 3 Start -->
<section class="pt-5 cwhite bg-hue-dark">
<div class="container">
<div class="row">
<div class="col-12 col-md-10 mx-auto text-center">
<h1 class="font-title">Claim the offer before its gone!</h1>
<a class="my-4 btn btn-secondary btn-rounded"><i class="m-2 fa fa-apple"></i>Go to iTunes</a>
<div class="w-100">
<img src="./assets/img/scenes/awatch1.png" style="max-width: 30rem;">
</div>
</div>
</div>
</div>
</section>
<!-- Component Call To Action 3 end -->
<br><br>
<!-- Component Call To Action 4 Start -->
<section class="py-5 cwhite background-fixed p-relative" style="background-image: url('./assets/img/backgrounds/red_clouds.jpeg');">
<div class="overlay op-5"></div>
<div class="container">
<div class="row">
<div class="col-12 col-md-8 mx-auto text-center">
<h1 class="font-title">Take them to social!</h1>
<p class="paragraph p-3 font-title">Let the fans choose a network and follow you there, people who are connected with you on social spend more on your brand.</p>
<div class="w-100 my-3">
<a class="m-2 btn btn-outline-primary btn-rounded"><i class="m-2 fa fa-facebook"></i>Facebook</a>
<a class="m-2 btn btn-outline-info btn-rounded"><i class="m-2 fa fa-twitter"></i>Twitter</a>
<a class="m-2 btn btn-outline-success btn-rounded"><i class="m-2 fa fa-google"></i>Google</a>
<a class="m-2 btn btn-outline-danger btn-rounded"><i class="m-2 fa fa-youtube"></i>Youtube</a>
</div>
</div>
</div>
</div>
</section>
<!-- Component Call To Action 4 end -->
</div>
<footer class="p-3 pt-5 text-center">
<hr>
<p class="cwhite font-title">© 2017 | <a class="" href="https://underexpress.com">UnderExpress.com</a></p>
</footer>
</body>
<script src="./assets/plugins/jquery/jquery-3.2.0.min.js"></script>
<script src="./assets/plugins/popper/popper.js"></script>
<script src="./assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="./assets/js/script.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-108011681-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-108011681-1');
</script>
<!-- Hotjar Tracking Code for underexpress.com -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:657265,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
</html>