-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
112 lines (112 loc) · 7.49 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
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="utf-8">
<title>Beside the park</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
<link rel="stylesheet" href="css/main.css">
<script src="js/out.js"></script>
</head>
<body>
<header class="o-header">
<div class="o-header__title">
<h1 class="c-header__title__text">Beside the park</h1>
<div class="o-header__title__buttons">
<div class="o-header__title__buttons__searchButton">
<img class="c-header__title__buttons__searchButton" src="images/Web_0001_Search.png">
</img>
</div>
<div class="o-header__title__buttons__burgerButton">
<img class="c-header__title__buttons__burgerButton" src="images/Web_0000_Menu.png"></img>
</div>
</div>
<div class="c-header__title__buttons__searchButton__dropdown">
<input type="text" placeholder="Search..."></input>
</div>
<div class="c-header__title__buttons__burgerButton__dropdown">
<ul>
<li><a href="#" title="website a">a</a></li>
<li><a href="#" title="website b">b</a></li>
<li><a href="#" title="website c">c</a></li>
</ul>
</div>
</div>
<section class="o-header__generalView">
<div class="o-header__generalView__text fade-in">
<h2 class="c-header__generalView__text__title">
Lorem impsum
</h2>
<p class="c-header__generalView__text__paragraph">
Duis proident adipisicing laborum aute excepteur sunt velit. Ad elit sint consequat irure deserunt laboris laborum.
</p>
</div>
<img class="c-header__generalView__mobilePhone" src="images/Web_0007_iPhone.png">
</img>
</section>
</header>
<main class="o-main">
<section class="o-main__productOverview">
<h2 class="c-main__productOverview__title">
Lorem impsum
</h2>
<article class="o-main__productOverview__description">
<p class="c-main__productOverview__description__paragraph">
Amet anim reprehenderit eiusmod enim magna eu ullamco excepteur enim excepteur exercitation tempor aliquip. Et consectetur labore pariatur sit exercitation adipisicing excepteur amet amet in incididunt excepteur. Nisi voluptate mollit aliquip officia eu irure sunt velit sit cupidatat.
</p>
<p class="c-main__productOverview__description__paragraph">
Aliqua amet sint et ipsum aute commodo. Eiusmod pariatur ex ut nostrud laborum ex et in est. Tempor minim laborum aute ut dolore tempor commodo ad pariatur consequat. Ipsum occaecat eu laborum quis dolor eu Lorem Lorem Lorem voluptate dolore cillum mollit. Aliqua id sint eiusmod cupidatat id cupidatat aliqua in veniam consectetur nisi voluptate fugiat do. Aliqua mollit voluptate sunt laborum reprehenderit irure.
</p>
<p class="c-main__productOverview__description__paragraph">
Aliqua culpa commodo ex eu et nostrud deserunt ullamco irure sunt adipisicing fugiat do. Consequat aliquip cillum aliqua adipisicing eu nostrud sit duis et laborum id cupidatat non. Do cillum consectetur deserunt aliquip nulla sit mollit reprehenderit do adipisicing veniam officia. Officia cillum duis cillum eu proident ut Lorem aliqua ad amet velit sunt amet magna. Consequat pariatur est cillum do aliqua eiusmod commodo Lorem pariatur amet.
</p>
<p class="c-main__productOverview__description__paragraph">
Irure veniam aute nulla consectetur veniam eiusmod sit ea esse. Veniam sint laborum sunt qui enim deserunt quis veniam aliquip sunt. Aliqua esse cillum cupidatat voluptate fugiat commodo Lorem ipsum est non dolore commodo ea.
</p>
<p class="c-main__productOverview__description__paragraph">
Mollit reprehenderit sit cupidatat laboris ea ea. Culpa do elit esse et exercitation cillum aliqua do deserunt in commodo cillum est adipisicing. Do ullamco et magna consectetur ea sunt cillum. Laboris incididunt esse sit minim labore amet pariatur quis aute. Est consequat aliquip laboris nostrud anim in cillum nulla exercitation nostrud aliquip aliqua. Anim ad occaecat proident in deserunt pariatur anim irure magna qui ad nisi Lorem.
</p>
</article>
</section>
<section class="o-main__functions">
<div class="o-main__functions__boxes c-main_functions__boxes--build">
<h3 class="c-main__functions__boxes__title">Build to last</h3>
<p class="c-main__functions__boxes__paragraph">
Deserunt consequat minim cillum velit laboris nisi aliquip non. In minim excepteur eiusmod esse dolore commodo est aliquip nisi officia aliquip duis do minim. Ea fugiat cupidatat eu aliqua deserunt est anim proident. Duis consequat ipsum excepteur adipisicing ex.
</p>
<a href="#" title="find out more" class="c-main__functions__boxes__link">
Find out more
</a>
</div>
<div class="o-main__functions__boxes c-main_functions__boxes--clients">
<h3 class="c-main__functions__boxes__title">Our clients</h3>
<p class="c-main__functions__boxes__paragraph">
Dolor mollit velit do laboris pariatur elit aute quis ut. Sunt reprehenderit id aliqua consectetur cillum.
</p>
<a href="#" title="get insights" class="c-main__functions__boxes__link">
Get insights
</a>
</div>
<div class="o-main__functions__boxes c-main_functions__boxes--signUp">
<h3 class="c-main__functions__boxes__title">Sign up & see why</h3>
<p class="c-main__functions__boxes__paragraph">
Nostrud sit culpa dolor in aliquip laborum cillum reprehenderit. Mollit dolore fugiat qui irure mollit tempor. Mollit eu nulla irure velit magna velit ad.
</p>
<a href="#" title="get started" class="c-main__functions__boxes__link">
Get Started
</a>
</div>
<div class="o-main__functions__boxes c-main_functions__boxes--pictures">
<h3 class="c-main__functions__boxes__title">Perfect pictures</h3>
<p class="c-main__functions__boxes__paragraph">
Nisi exercitation sint elit commodo magna ad consectetur non cillum.
</p>
<a href="#" title="find out more" class="c-main__functions__boxes__link">
Find out more
</a>
</div>
</section>
</main>
</body>
</html>