-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
131 lines (131 loc) · 5.4 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Minha página</title>
<link rel="icon" type="image/svg" href="assets/img/g.svg">
<link rel="stylesheet" href="gaintime/css/gaintime.min.css" media="screen" title="no title">
<link rel="stylesheet" href="assets/css/landing.css" media="screen" title="no title">
</head>
<body>
<header class="gt-top-menu">
<a href=".">
<img src="assets/img/gaintime.svg" alt="" />
</a>
<label class="menu-toggle">
<svg viewBox="0 0 24 24">
<path fill="#333" d="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z"></path>
</svg>
</label>
<nav>
<ul>
<li><a class="btn info" href="#contact">Action Button</a></li>
</ul>
</nav>
</header>
<section id="home" class="banner relative">
<div class="cover-box">
<div class="cover full-bg" style="background-image: url('assets/img/bg.jpg');"></div>
<div class="centerex overlay">
<div class="gt-section transparent">
<h1 class="no-margin">GainTime</h1>
<h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed!</h2>
<a href="#contact">
<button class="btn lg" type="button" name="button">Action Button</button>
</a>
</div>
</div>
</div>
</section>
<section id="services">
<div class="row flex-box text-center justify-content-center">
<div class="sm-4 md-3">
<div class="service center">
<img src="assets/img/service_1.svg" alt="">
</div>
<h2>Foto</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
<div class="sm-4 md-3">
<div class="service center">
<img src="assets/img/service_2.svg" alt="">
</div>
<h2>Photo</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
<div class="sm-4 md-3">
<div class="service center">
<img src="assets/img/service_3.svg" alt="">
</div>
<h2>Picture</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
</div>
</section>
<section class="no-padding">
<div class="row false-gutter flex-box">
<div class="xs-12 sm-6 flex-box s-card info order-xs-2 order-sm-1">
<div class="centerex center">
<div class="text-center">
<h2>Foto</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua..</p>
</div>
</div>
</div>
<div class="xs-12 sm-6 order-xs-1 order-sm-2" style="min-height: 400px; background-image: url(assets/img/pic_1.jpeg)"></div>
</div>
<div class="row false-gutter flex-box">
<div class="xs-12 sm-6 " style="min-height: 400px; background-image: url(assets/img/pic_2.jpeg)"></div>
<div class="xs-12 sm-6 flex-box s-card warning">
<div class="centerex center">
<div class="text-center">
<h2>Photo</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua..</p>
</div>
</div>
</div>
</div>
<div class="row false-gutter flex-box">
<div class="xs-12 sm-6 flex-box s-card danger order-xs-2 order-sm-1">
<div class="centerex center">
<div class="text-center">
<h2>Picture</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua..</p>
</div>
</div>
</div>
<div class="xs-12 sm-6 order-xs-1 order-sm-2" style="min-height: 400px; background-image: url(assets/img/pic_3.jpeg)"></div>
</div>
</section>
<section class="grey text-center">
<h1>Lorem Ipsum</h1>
<p class="medium center">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<form class="xs-12 sm-10 off-sm-1" action="index.html" method="post">
<input type="text" name="" value="" class="field xs-12 off-sm-2 sm-6 lg">
<button type="button" name="button" class="off-xs-3 xs-6 off-sm-0 sm-2 lg btn success">OK</button>
</form>
</section>
<footer id="contact" class="flex-box">
<div class="col">
<p class="no-margin">
<a href="#">About</a> . <a href="#">Contact</a> . <a href="#">Termes of Use </a>
</p>
<span>GainTime 2018</span>
</div>
<div class="col text-center">
<div class="content-align no-margin center">
<img src="assets/img/fb.svg" alt="" class="social">
<img src="assets/img/instagram.svg" alt="" class="social">
<img src="assets/img/in.svg" alt="" class="social">
</div>
</div>
<div class="col text-right">
<a href="mailto:[email protected]?subject=feedback">[email protected]</a>
<p class="no-margin">+55 (77) 7777-7777</p>
</div>
</footer>
<script type="text/javascript" src="gaintime/js/gaintime.min.js"></script>
</body>
</html>