/
index.html
152 lines (152 loc) · 5.21 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- (вьпорт необходим для отоброжения на мобильном) -->
<meta name="viewport" content="width=device-width">
<title>Адаптивный дизайн</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.css">
<link rel="stylesheet" href="css/style.css">
<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> -->
</head>
<body>
<header>
<div class="top-header-box">
<div class="logo">uno</div>
<div class="menu-box">
<div class="open-menu"></div>
<ul class="menu">
<li><a href="">item-1</a></li>
<li><a href="">item-2</a></li>
<li><a href="">item-3</a></li>
<li><a href="">item-4</a></li>
<li><a href="">item-5</a></li>
</ul>
</div>
</div>
<div class="title">
<p>beautiful one page website template</p>
</div>
<a href="#about" class="mouse"></a>
</header>
<a id="about"></a>
<main>
<div class="columns-box">
<div class="column">
<h1 class="pic1">sociis natoque magnis.</h2>
<p>Consectetuer adipiscing elit nean commodo ligula eget dolor eneanero massa cum sociis natoque vel penatibus magnis montes.</p>
</div>
<div class="column">
<h1 class="pic2">sociis natoque magnis.</h2>
<p>Consectetuer adipiscing elit nean commodo ligula eget dolor eneanero massa cum sociis natoque vel penatibus magnis montes.</p>
</div>
<div class="column">
<h1 class="pic3">sociis natoque magnis.</h2>
<p>Consectetuer adipiscing elit nean commodo ligula eget dolor eneanero massa cum sociis natoque vel penatibus magnis montes.</p>
</div>
</div>
<section class="grey">
<div class="uno">
<h1>uno</h1>
<p>Uno is a one page psd & html5/css3 website template, designed with love and attention to details by pixelhint.com, uno is free to use for personal of your client’s projects
thanks for downloading the uno one page template.
</p>
</div>
<div class="block">
<div class="column">
<h1>Donec pede justo fringilla aliquet vulputate eget</h1>
<p>cum sociis natoque penatibus et magnis dis parturient montes
nascetur ridiculus mus.
</p>
</div>
<div class="column">
<h1>Mauris vitae arcu in nibh faucibus vitae elit</h1>
<p>Nascetur ridiculus mus donec quam felis ultricies nec pellentesque
pretium quis.
</p>
</div>
<div class="column">
<h1>Pellentesque in sapien sem commodo condimentum</h1>
<p>Nulla consequat massa quis enim donec pede justo fringilla vel nec
vulputate eget arcu In enim justo.
</p>
</div>
<div class="column">
<h1>Vestibulum leo tempor mi vulputate auctor</h1>
<p>Maecenas sit amet lectus vestibulum suscipit velit eleifend tellus
sliquam ornare odio tempus eleifend.
</p>
</div>
<menu>
<div class="line">
<ul>
<li class="button"></li>
<li class="button"></li>
<li class="button"></li>
<li class="button"></li>
</ul>
</div>
</menu>
</div>
</section>
<div class="portfolio">
<h1 class="testimonials"><span>Portfolio</span> / some project that we love</h1>
<div class="imgs">
<div class="ferst pic"></div>
<div class="second pic"></div>
<div class="third pic"></div>
</div>
<ul>
<li class="button active"></li>
<li class="button"></li>
<li class="button"></li>
<li class="button"></li>
</ul>
</div>
<section class="columns-block">
<h1 class="testimonials"><span>Testimonials</span> / what our happy clients say about us</h1>
<div class="reviews">
<div class="icon"></div>
<h1>Alex doe</h1>
<p>Mauris sollicitudin velit nisl, sed mollis lorem commodo non. Aenean in mattis Proin a vehicula eros Etiam malesuada odio nec tempor sollicitudin Integer convallis adipiscing accumsan Sed erat elit, facilisis at nisi quistum.
</p>
</div>
<div class="reviews">
<div class="icon"></div>
<h1>Samantha doe</h1>
<p>Mauris sollicitudin velit nisl, sed mollis lorem commodo non. Aenean in mattis Proin a vehicula eros Etiam malesuada odio nec tempor sollicitudin Integer convallis adipiscing accumsan Sed erat elit, facilisis at nisi quistum.
</p>
</div>
<div class="reviews">
<div class="icon"></div>
<h1>Olivia doe</h1>
<p>Mauris sollicitudin velit nisl, sed mollis lorem commodo non. Aenean in mattis Proin a vehicula eros Etiam malesuada odio nec tempor sollicitudin Integer convallis adipiscing accumsan Sed erat elit, facilisis at nisi quistum.
</p>
</div>
</section>
<div class="contact">
<div class="icon"></div>
<h1>Ready to talk business?</h1>
<!-- <div class="border"></div> -->
<div class="mail">
<a href="#">contact@uno.com</a>
<p>+718 749 1714</p>
</div>
</div>
</main>
<footer>
<div class="wrapper">
<p class="logo">Uno</p>
<p> / © All Rights Reserved,Template By Pixelhint.com</p>
</div>
<menu>
<ul>
<li><a href="https://uk-ua.facebook.com/">facebook</a></li>
<li><a href="https://twitter.com/?lang=ru">twitter</a></li>
<li><a href="https://plus.google.com/">google+</a></li>
<li><a href="#">dribbble</a></li>
</ul>
</menu>
</footer>
</body>
</html>