-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
144 lines (139 loc) · 7.62 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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/style.css">
<title>Greefies Solution</title>
</head>
<body>
<header>
<a href=""><img id="header-logo" src="assets/images/logo.gif" alt="Greefies Solution logo"></a>
<nav>
<a href=""><img src="assets/images/menu_arrow.gif" alt="Flèche menu">home</a>
<a href=""><img src="assets/images/menu_arrow.gif" alt="Flèche menu">services</a>
<a href=""><img src="assets/images/menu_arrow.gif" alt="Flèche menu">clients</a>
<a href=""><img src="assets/images/menu_arrow.gif" alt="Flèche menu">testimonials</a>
<a href=""><img src="assets/images/menu_arrow.gif" alt="Flèche menu">contact us</a>
</nav>
</header>
<section id="banner">
<div id="clock-image">
<img src="assets/images/clock.png" alt="Un réveil vert">
</div>
<div id="bioclock-wrapper">
<h2 id="bioclock-title">What is your biological clock?</h2>
<p id="bioclock-text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus dignissimos consequatur repellat eligendi similique, accusantium eum nihil dolores sunt, distinctio quos. A eos esse atque doloremque, blanditiis, unde nostrum, voluptatem et velit quibusdam laboriosam odit facere? Enim ipsum deserunt officiis impedit unde veniam fugit laborum voluptatem at cupiditate. Animi quisquam laborum, quidem saepe nisi debitis, accusamus vero deserunt alias ratione hic, eius necessitatibus asperiores modi cupiditate ipsam eum? Odit.
</p>
<a id="button" href="">read more</a>
</div>
<div id="banner-nav">
<a class="banner-nav-wrapper" href="">
<p>Lorem ipsum dolor sit amet cons</p>
</a>
<a class="banner-nav-wrapper" href="">
<p>Lorem ipsum dolor sit amet cons</p>
</a>
<a class="banner-nav-wrapper" href="">
<p>Lorem ipsum dolor sit amet cons</p>
</a>
<a class="banner-nav-wrapper" href="">
<p>Lorem ipsum dolor sit amet cons</p>
</a>
<a class="banner-nav-wrapper" href="">
<p>Lorem ipsum dolor sit amet cons</p>
</a>
</div>
</section>
<section id="article-wrapper">
<div id="welcome-wrapper">
<h2 id="welcomeh2" class="orange-title">Welcome to greefies</h2>
<div id="welcome-main-text">
"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Corrupti iusto distinctio totam facilis ullam! Quo, nam voluptatum! Veniam dolorem soluta at id, enim rem aliquam autem quibusdam magni, adipisci reiciendis delectus quisquam! Beatae enim illo odio!"
</div>
<div id="greefies-list">
<a href=""><img src="assets/images/left_nav_arrow.gif" alt="V 'valide' vert">Lorem ipsum dolor sit amet</a>
<a href=""><img src="assets/images/left_nav_arrow.gif" alt="V 'valide' vert">Lorem ipsum dolor sit amet</a>
<a href=""><img src="assets/images/left_nav_arrow.gif" alt="V 'valide' vert">Lorem ipsum dolor sit amet</a>
<a href=""><img src="assets/images/left_nav_arrow.gif" alt="V 'valide' vert">Lorem ipsum dolor sit amet</a>
</div>
<div id="product-feature">
<div id="plant-txt">
<img id="plant-img" src="assets/images/pic1.jpg" alt="Une plante en pot">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit repellendus veritatis libero deserunt porro! Itaque dolor molestias ut illo ullam unde illum tenetur nobis hic maxime cupiditate obcaecati culpa aperiam nostrum, accusantium dicta, possimus, temporibus nisi.</p>
<div class="read-more-wrapper">
<a class="read-more" href="">read more <img src="assets/images/orange_bullet.gif" alt="Flèche orange vers la droite"></a>
</div>
</div>
</div>
</div>
<div id="products-wrapper">
<h2 class="orange-title">Our Products</h2>
<div class="products">
<div class="product-txt">
<img class="green-box" src="assets/images/box_icon.gif" alt="Un paquet carton vert">
<h3 class="blueh3">Dolore magna aliqua</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo amet blanditiis ipsa suscipit adipisci, dignissimos possimus eveniet beatae ipsum perferendis consectetur, doloribus obcaecati dolorum porro eum! In asperiores quod autem blanditiis praesentium aut ipsum officiis doloremque?</p>
<div class="read-more-wrapper">
<a class="read-more" href="">read more <img src="assets/images/orange_bullet.gif" alt="Flèche orange vers la droite"></a>
</div>
</div>
</div>
<div class="products">
<div class="product-txt">
<img class="green-box" src="assets/images/box_icon.gif" alt="Un paquet carton vert">
<h3 class="blueh3">Dolore magna aliqua</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo amet blanditiis ipsa suscipit adipisci, dignissimos possimus eveniet beatae ipsum perferendis consectetur, doloribus obcaecati dolorum porro eum! In asperiores quod autem blanditiis praesentium aut ipsum officiis doloremque?</p>
<div class="read-more-wrapper">
<a class="read-more" href="">read more <img src="assets/images/orange_bullet.gif" alt="Flèche orange vers la droite"></a>
</div>
</div>
</div>
<div id="contact">
<div id="contact-form">
<h3 class="greenh3">Dolore magna aliqua</h3>
<form action="">
<input type="text">
<button></button>
</form>
<p>"Lorem ipsum dolor sit amet."</p>
</div>
<div id="contact-info">
<h3 class="greenh3">Free Customers Support</h3>
<table>
<tr>
<th rowspan="2"><img src="assets/images/phone_icon.gif" alt="Une icone de téléphone"></th>
<td>0700 679 122 489</td>
</tr>
<tr>
<td>0700 679 122 489</td>
</tr>
</table>
<table>
<tr>
<th rowspan="2"><img src="assets/images/contact_icon.gif" alt="Une icone de lettre"></th>
<td>info@company.com</td>
</tr>
<tr>
<td>contact@company.com</td>
</tr>
</table>
</div>
</div>
</div>
</section>
<footer>
<div id="footer-logo">
<img src="assets/images/footer_logo.gif" alt="Logo Greefies Solution">
</div>
<div id="about-us">
<a href="">About us</a>
<a href="">Privacy policy</a>
<a href="">Contact us</a>
<a href="">Art for the web</a>
</div>
</footer>
</body>
</html>