-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
156 lines (147 loc) · 5.02 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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE HTML>
<!--
Intensify by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
<head>
<title>IDIPSAGE</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="assets/css/main.css" />
<script>
(function (w,i,d,g,e,t,s) {w[d] = w[d]||[];t= i.createElement(g);
t.async=1;t.src=e;s=i.getElementsByTagName(g)[0];s.parentNode.insertBefore(t, s);
})(window, document, '_gscq','script','//widgets.getsitecontrol.com/79097/script.js');
</script>
</head>
<body>
<!-- Header -->
<header id="header">
<nav class="left">
<a href="#menu"><span>Menu</span></a>
</nav>
<a href="index.html" class="logo">IDIPSAGE</a>
<nav class="right">
<a href="#" class="button alt">Log in</a>
</nav>
</header>
<!-- Menu -->
<nav id="menu">
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="generic.html">Generic</a></li>
<li><a href="elements.html">Elements</a></li>
</ul>
<ul class="actions vertical">
<li><a href="#" class="button fit">Login</a></li>
</ul>
</nav>
<!-- Banner -->
<section id="banner">
<div class="content">
<h1>Ipsum sed lorem</h1>
<p>Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod<br />sed arcu cras consecuat lorem ipsum dolor sit amet.</p>
<ul class="actions">
<li><a href="#one" class="button scrolly">Get Started</a></li>
</ul>
</div>
</section>
<!-- One -->
<section id="one" class="wrapper">
<div class="inner flex flex-3">
<div class="flex-item left">
<div>
<h3>Magna ultricies</h3>
<p>Morbi in sem quis dui plalorem ipsum<br /> euismod in, pharetra sed ultricies.</p>
</div>
<div>
<h3>Ipsum adipiscing lorem</h3>
<p>Tristique yonve cursus jam nulla quam<br /> loreipsu gravida adipiscing lorem</p>
</div>
</div>
<div class="flex-item image fit round">
<img src="images/pic01.jpg" alt="" />
</div>
<div class="flex-item right">
<div>
<h3>Tempus nullam</h3>
<p>Sed adipiscing ornare risus. Morbi estes<br /> blandit sit et amet, sagittis magna.</p>
</div>
<div>
<h3>Suscipit nibh dolore</h3>
<p>Pellentesque egestas sem. Suspendisse<br /> modo ullamcorper feugiat lorem.</p>
</div>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper style1 special">
<div class="inner">
<h2>Feugiat lorem</h2>
<figure>
<blockquote>
"Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra<br /> magna etiam lorem ultricies in diam. Sed arcu cras consequat."
</blockquote>
<footer>
<cite class="author">Jane Anderson</cite>
<cite class="company">CEO, Untitled</cite>
</footer>
</figure>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper">
<div class="inner flex flex-3">
<div class="flex-item box">
<div class="image fit">
<img src="images/pic02.jpg" alt="" />
</div>
<div class="content">
<h3>Consequat</h3>
<p>Placerat ornare. Pellentesque od sed euismod in, pharetra ltricies edarcu cas consequat.</p>
</div>
</div>
<div class="flex-item box">
<div class="image fit">
<img src="images/pic03.jpg" alt="" />
</div>
<div class="content">
<h3>Adipiscing</h3>
<p>Morbi in sem quis dui placerat Pellentesque odio nisi, euismod pharetra lorem ipsum.</p>
</div>
</div>
<div class="flex-item box">
<div class="image fit">
<img src="images/pic04.jpg" alt="" />
</div>
<div class="content">
<h3>Malesuada</h3>
<p>Nam dui mi, tincidunt quis, accu an porttitor, facilisis luctus que metus vulputate sem magna.</p>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<h2>Get In Touch</h2>
<ul class="actions">
<li><span class="icon fa-phone"></span> <a href="#">(000) 000-0000</a></li>
<li><span class="icon fa-envelope"></span> <a href="#">[email protected]</a></li>
<li><span class="icon fa-map-marker"></span> 123 Somewhere Road, Nashville, TN 00000</li>
</ul>
</div>
<div class="copyright">
© Untitled. Design <a href="https://templated.co">TEMPLATED</a>. Images <a href="https://unsplash.com">Unsplash</a>.
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>