-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
107 lines (106 loc) · 4.31 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/libs.min.css">
</head>
<body>
<header>
<div class="content">
<h1 class="logo"><a href="#">Leo/-</a></h1>
<ul class="menu">
<li><a href="#">Solutions</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>
</ul>
<div class="slider">
<div class="slide clearfix">
<img src="img/coffee.png" alt="coffee">
<div class="slide-text">
<span>Introducing</span><br>
Something hot......
<button>Try Demo</button>
</div>
</div>
</div>
</div>
</header>
<main>
<section class="features content">
<ul class="feature-previews">
<li>
<img src="img/feature1.png" alt="feature">
<span>Responsive</span><br>
Websites
</li>
<li class="active">
<img src="img/feature2.png" alt="feature">
<span>Commerce</span><br>
Websites
</li>
<li>
<img src="img/feature3.png" alt="feature">
<span>Daily blog</span><br>
Websites
</li>
<li>
<img src="img/feature4.png" alt="feature">
<span>Search based</span><br>
Websites
</li>
</ul>
</section>
<article class="feature-text content">
<img src="img/ipad.jpg" alt="ipad">
<h2>Lorem Ipsum is simply dummy text</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
<p>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
</article>
<section class="why_choose_us clearfix">
<div class="content">
<img src="img/screenshot.png" alt="screen">
<article class="why_choose_text">
<h3>Why choose us?</h3>
<ul>
<li>
Lorem Ipsum is simply dummy text of the printing and typesetting
</li>
<li>
When an unknown printer took a galley of type and scrambled
</li>
<li>
When an unknown printer took a galley of type and scrambled
</li>
<li>
It has survived not only five centuries, but also the leap into electronic
</li>
<li>
It was popularised in the 1960s with the release of Letraset sheets
</li>
<li>
More recently with desktop publishing software like Aldus PageMaker
</li>
</ul>
</article>
</div>
</section>
<section class="forms content clearfix">
<form action="#" method="post">
<h4>Member login</h4>
<input type="text" placeholder="User name">
<input type="password" placeholder="Password">
<button type="submit">Log me in.</button>
</form>
<form action="#" method="post">
<h4>Subscribe to our weekly newsletter</h4>
<input type="text" name="email" placeholder="email adress">
<button type="submit">Subscribe</button>
</form>
</section>
</main>
</body>
</html>