-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
155 lines (153 loc) · 16.6 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
<html>
<head>
<title>FrontEnd Test</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<header class="main-header">
<div class="main-header-menu">
<div class="logo"></div>
<div class="menu uppercase">
<ul>
<li><a href="#annoncer">Annoncer</a></li>
<li><a href="#planifier">Planifier Un Voyage</a></li>
<li><a href="#voyages">Mes Voyages</a></li>
<li><a href="#connexion">Connexion</a></li>
</ul>
</div>
</div>
<div class="main-header-search">
<form class="form-inline" action="/action_page.php">
<input type="text" id="location" placeholder="Essayer Montréal" name="location">
<select>
<option>Style</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
<select>
<option>Langue</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
<input type="text" placeholder="Arrival → Départ" />
<button type="submit" class="uppercase">Rechercher</button>
</form>
</div>
</header>
<section class="main-content">
<div class="content-header">
<h1>Découvrir Le Monde pas les Voyages!</h1>
<button type="button" class="content-header-button">Inscrivez-vous!</button>
</div>
<div class="content">
<div class="content-box bike"></div>
<div class="content-box text-1">
<div class="content-title">
<svg height='50px' width='50px' fill="#514a8d" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve"><path d="M50,100C22.43,100,0,77.57,0,49.999C0,22.43,22.43,0,50,0c27.569,0,50,22.43,50,50C100,77.57,77.57,100,50,100z M50,9.234 c-22.478,0-40.766,18.287-40.766,40.765c0,22.478,18.288,40.766,40.766,40.766s40.765-18.288,40.765-40.766 C90.765,27.521,72.479,9.234,50,9.234z"></path><g><path d="M52.479,16.976v3.996c2.639,0.273,4.903,0.815,6.79,1.628c1.887,0.815,3.534,2.048,4.94,3.7 c1.11,1.258,1.967,2.553,2.571,3.885c0.604,1.333,0.907,2.553,0.907,3.663c0,1.233-0.45,2.301-1.351,3.2 c-0.901,0.901-1.992,1.351-3.275,1.351c-2.418,0-3.984-1.308-4.699-3.922c-0.814-3.083-2.775-5.13-5.883-6.142v15.392 c3.058,0.84,5.495,1.604,7.308,2.295c1.814,0.69,3.435,1.69,4.866,2.997c1.529,1.357,2.707,2.979,3.534,4.866 c0.826,1.887,1.239,3.953,1.239,6.198c0,2.813-0.66,5.446-1.98,7.9c-1.32,2.455-3.263,4.459-5.828,6.013 c-2.566,1.554-5.612,2.479-9.139,2.775v4.048c0,1.455-0.142,2.516-0.426,3.182C51.77,84.667,51.147,85,50.186,85 c-0.889,0-1.512-0.271-1.869-0.814c-0.358-0.543-0.537-1.382-0.537-2.517v-4.825c-2.886-0.321-5.408-0.999-7.566-2.035 c-2.159-1.036-3.959-2.325-5.403-3.867c-1.443-1.541-2.51-3.144-3.2-4.81c-0.69-1.665-1.036-3.299-1.036-4.903 c0-1.184,0.463-2.25,1.388-3.2c0.925-0.95,2.078-1.425,3.46-1.425c1.11,0,2.047,0.259,2.812,0.778 c0.765,0.518,1.296,1.246,1.591,2.182c0.666,2.023,1.245,3.571,1.739,4.644c0.493,1.072,1.239,2.053,2.238,2.941 c0.999,0.889,2.325,1.567,3.977,2.035V51.979c-3.306-0.912-6.068-1.93-8.288-3.052c-2.221-1.122-4.021-2.719-5.403-4.792 c-1.382-2.072-2.072-4.737-2.072-7.993c0-4.242,1.351-7.721,4.052-10.434c2.701-2.713,6.604-4.292,11.711-4.737V17.05 c0-2.072,0.778-3.108,2.332-3.108C51.69,13.942,52.479,14.954,52.479,16.976z M47.78,42.359V28.187 c-2.072,0.617-3.687,1.431-4.847,2.442c-1.16,1.012-1.739,2.541-1.739,4.588c0,1.949,0.543,3.423,1.628,4.422 C43.907,40.639,45.56,41.545,47.78,42.359z M52.479,53.349v16.207c2.491-0.494,4.416-1.493,5.773-2.998 c1.356-1.504,2.035-3.255,2.035-5.254c0-2.146-0.66-3.805-1.98-4.977C56.987,55.156,55.044,54.163,52.479,53.349z"></path></g></svg>
<h3 class="text-purple uppercase">Gagnez un revenu additionel</h3>
</div>
<div class="content-paragraph">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sodales magna vitae pulvinar pulvinar. Aenean tempor tincidunt sem. Ut orci tortor, porttitor vel aliquet sit amet, tempus id metus. Phasellus eget risus urna. Sed diam.</p>
</div>
<div class="content-title">
<svg height='80px' width='80px' fill="#f97042" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve"><g><path d="M88.844,52.861c-0.732-14.075-12.447-25.1-26.572-25.1c-1.202,0-2.44,0.088-3.627,0.249 c-4.852-6.231-12.437-10.25-20.927-10.25c-14.125,0-25.772,11.025-26.504,25.1l-0.008,29.38l8.617-8.434 c4.861,4.438,11.267,6.949,17.876,6.949c1.213,0,2.405-0.089,3.575-0.248c5.008,6.437,12.732,10.249,20.921,10.249 c6.609,0,13.171-2.511,18.031-6.949L89,82.24V52.965L88.844,52.861z M21.286,59.635l-1.498-1.491L15,62.729V43.017 C16,31.093,25.62,21.76,37.598,21.76c12.405,0,22.547,10.092,22.547,22.498c0,12.405-10.067,22.497-22.471,22.497 C31.393,66.754,25.589,64.226,21.286,59.635z M61.583,56h12.895c-0.742,6-5.968,10.736-12.282,10.736 c-2.619,0-5.101-0.747-7.184-2.241C57.746,62.13,59.997,59,61.583,56z M85,72.73l-4.84-4.585l-1.474,1.49 c-4.304,4.592-10.171,7.12-16.452,7.12c-6.303,0-12.302-2.662-16.534-7.232c2.465-0.78,4.766-1.911,6.862-3.335 c2.723,2.206,6.295,3.411,9.854,3.411C70.893,69.599,78,62.703,78,54.227V53H62.8c0.444-1,0.789-2.809,1.024-4.206 c0.701,1.069,1.906,1.709,3.28,1.709c2.167,0,3.924-1.791,3.924-3.958s-1.757-3.941-3.924-3.941c-1.164,0-2.198,0.508-2.916,1.312 c-0.057-4.375-1.176-8.502-3.116-12.124c0.374-0.018,0.903-0.03,1.278-0.03C74.327,31.763,84,41.094,85,53.018V72.73z"></path><path d="M51.572,41.641c-0.829,0-1.5,0.671-1.5,1.5c0,6.823-5.55,12.373-12.373,12.373c-6.823,0-12.373-5.55-12.373-12.373 c0-0.829-0.671-1.5-1.5-1.5s-1.5,0.671-1.5,1.5c0,8.477,6.896,15.373,15.373,15.373s15.373-6.896,15.373-15.373 C53.072,42.312,52.4,41.641,51.572,41.641z"></path><circle cx="31.409" cy="35.425" r="3.924"></circle><path d="M38.772,39h7.971c0.829,0,1.5-0.671,1.5-1.5s-0.671-1.5-1.5-1.5h-2.504l0.851-0.573c0.712-0.423,0.947-1.377,0.524-2.09 c-0.423-0.712-1.343-0.965-2.056-0.541l-5.553,3.286c-0.581,0.345-0.86,1.099-0.681,1.751C37.504,38.485,38.096,39,38.772,39z"></path></g></svg>
<h3 class="text-orange uppercase">Faites du Voyage une experience</h3>
</div>
<div class="content-paragraph">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sodales magna vitae pulvinar pulvinar. Aenean tempor tincidunt sem. Ut orci tortor, porttitor vel aliquet sit amet, tempus id metus. Phasellus eget risus urna. Sed diam.</p>
</div>
</div>
<div class="content-box text-2">
<div class="content-title">
<svg height='50px' width='50px' fill="#00cda9" version="1.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 94.907" enable-background="new 0 0 100 94.907" xml:space="preserve"><polygon points="91.053,80.785 91.053,32.18 78.229,32.18 78.229,80.785 67.969,80.785 67.969,32.18 55.145,32.18 55.145,80.785
44.885,80.785 44.885,32.18 32.06,32.18 32.06,80.785 21.8,80.785 21.8,32.18 8.976,32.18 8.976,80.785 8.962,80.785 0,94.907
100,94.891 "></polygon><polygon points="2.549,26.827 97.451,26.827 49.998,0 "></polygon></svg>
<h3 class="text-acquablue uppercase">Partagez votre ville</h3>
</div>
<div class="content-paragraph">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sodales magna vitae pulvinar pulvinar. Aenean tempor tincidunt sem. Ut orci tortor, porttitor vel aliquet sit amet, tempus id metus. Phasellus eget risus urna. Sed diam.</p>
</div>
<div class="content-title">
<svg height='50px' width='50px' fill="yellow" version="1.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 93.615" enable-background="new 0 0 100 93.615" xml:space="preserve"><path d="M99.866,23.353C98.533,10.235,87.456,0,73.988,0C63.193,0,53.938,6.575,50,15.937C46.062,6.575,36.807,0,26.013,0
C12.544,0,1.466,10.235,0.134,23.353C0.045,24.227,0,25.115,0,26.013c0,31.606,38.788,46.523,50,67.603h0
c11.212-21.079,50-35.996,50-67.603C100,25.115,99.955,24.227,99.866,23.353z"></path></svg>
<h3 class="text-yellow uppercase">Humanisez votre ville</h3>
</div>
<div class="content-paragraph">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sodales magna vitae pulvinar pulvinar. Aenean tempor tincidunt sem. Ut orci tortor, porttitor vel aliquet sit amet, tempus id metus. Phasellus eget risus urna. Sed diam.</p>
</div>
</div>
<div class="content-box city"></div>
</div>
<div class="content-email yellow">
<p><span class="inscrivez">Inscrivez-vous</span> pour recevoir les noveaux hébergements</p>
<div class="email-form">
<input type="text" size="30" placeholder="Votre addresse courriel"/>
<button type="button" class="content-email-button">Souscrire</button>
</div>
</div>
</section>
<footer class="footer">
<div class="footer-box">
<div class="footer-content">
<p>Partagez vos voyages avec nous</p>
</div>
</div>
<div class="footer-box">
<div class="footer-content">
<div class="footer-list">
<div>Dreamin Get Away</div>
<ul>
<li><a href="#annoncer">Annoncer</a></li>
<li><a href="#planifier">Planifier Un Voyage</a></li>
<li><a href="#voyages">Mes Voyages</a></li>
<li><a href="#connexion">Connexion</a></li>
</ul>
</div>
<div class="footer-list">
<div>Dreamin Get Away</div>
<div class="footer-content-title">
<?xml version="1.0" ?><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg enable-background="new 0 0 50 50" height="30px" id="Layer_1" version="1.1" viewBox="0 0 50 50" width="30px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><rect fill="none" height="50" width="50"/><path d="M30.217,35.252c0,0,4.049-2.318,5.109-2.875 c1.057-0.559,2.152-0.7,2.817-0.294c1.007,0.616,9.463,6.241,10.175,6.739c0.712,0.499,1.055,1.924,0.076,3.32 c-0.975,1.396-5.473,6.916-7.379,6.857c-1.909-0.062-9.846-0.236-24.813-15.207C1.238,18.826,1.061,10.887,1,8.978 C0.939,7.07,6.459,2.571,7.855,1.595c1.398-0.975,2.825-0.608,3.321,0.078c0.564,0.781,6.124,9.21,6.736,10.176 c0.419,0.66,0.265,1.761-0.294,2.819c-0.556,1.06-2.874,5.109-2.874,5.109s1.634,2.787,7.16,8.312 C27.431,33.615,30.217,35.252,30.217,35.252z" fill="none" stroke="#03cda7" stroke-miterlimit="10" stroke-width="2"/></svg>
<div class="footer-phone">
<p>sans-frais</p>
<p>1 800 555-2834</p>
</div>
</div>
<br />
<div class="footer-content-title">
<?xml version="1.0" ?><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg enable-background="new 0 0 32 32" height="32px" id="Layer_1" version="1.1" viewBox="0 0 32 32" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M28,5H4C1.791,5,0,6.792,0,9v13c0,2.209,1.791,4,4,4h24c2.209,0,4-1.791,4-4V9 C32,6.792,30.209,5,28,5z M2,10.25l6.999,5.25L2,20.75V10.25z M30,22c0,1.104-0.898,2-2,2H4c-1.103,0-2-0.896-2-2l7.832-5.875 l4.368,3.277c0.533,0.398,1.166,0.6,1.8,0.6c0.633,0,1.266-0.201,1.799-0.6l4.369-3.277L30,22L30,22z M30,20.75l-7-5.25l7-5.25 V20.75z M17.199,18.602c-0.349,0.262-0.763,0.4-1.199,0.4c-0.436,0-0.851-0.139-1.2-0.4L10.665,15.5l-0.833-0.625L2,9.001V9 c0-1.103,0.897-2,2-2h24c1.102,0,2,0.897,2,2L17.199,18.602z" fill="#03cda7" id="mail"/></svg>
<p class="text-blue">dreamingetaway.com</p>
</div>
<br />
<div class="footer-content-title">
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="5.6444445mm" height="9.847393mm" viewBox="0 0 20 34.892337" id="svg3455" version="1.1" inkscape:version="0.91 r13725" sodipodi:docname="Map Pin.svg">
<defs id="defs3457"/>
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#03cda7" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="12.181359" inkscape:cx="8.4346812" inkscape:cy="14.715224" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="false" inkscape:window-width="1024" inkscape:window-height="705" inkscape:window-x="-4" inkscape:window-y="-4" inkscape:window-maximized="1" fit-margin-top="0" fit-margin-left="0" fit-margin-right="0" fit-margin-bottom="0"/>
<metadata id="metadata3460">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" transform="translate(-814.59595,-274.38623)">
<g id="g3477" transform="matrix(1.1855854,0,0,1.1855854,-151.17715,-57.3976)">
<path sodipodi:nodetypes="sscccccsscs" inkscape:connector-curvature="0" id="path4337-3" d="m 817.11249,282.97118 c -1.25816,1.34277 -2.04623,3.29881 -2.01563,5.13867 0.0639,3.84476 1.79693,5.3002 4.56836,10.59179 0.99832,2.32851 2.04027,4.79237 3.03125,8.87305 0.13772,0.60193 0.27203,1.16104 0.33416,1.20948 0.0621,0.0485 0.19644,-0.51262 0.33416,-1.11455 0.99098,-4.08068 2.03293,-6.54258 3.03125,-8.87109 2.77143,-5.29159 4.50444,-6.74704 4.56836,-10.5918 0.0306,-1.83986 -0.75942,-3.79785 -2.01758,-5.14062 -1.43724,-1.53389 -3.60504,-2.66908 -5.91619,-2.71655 -2.31115,-0.0475 -4.4809,1.08773 -5.91814,2.62162 z" style="display:inline;opacity:1;fill:#03cda7;fill-opacity:1;stroke:#03cda7;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/>
<circle r="3.0355" cy="288.25278" cx="823.03064" id="path3049" style="display:inline;opacity:1;fill-opacity:1;stroke-width:0"/>
</g>
</g>
</svg>
<p class="text-blue">2092 Blvd Saint-Joseph, Montréal</p>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>