-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
178 lines (174 loc) · 10.2 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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale = 1.0, user-scalable = no">
<link rel="icon" type="image/png" href="http://www.astridmehdi.com/assets/icon3.png" />
<meta name="application-name" content="A & M"/>
<meta name="msapplication-TileColor" content="#FCBF10" />
<meta name="theme-color" content="#FCBF10"/>
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileImage" content="http://www.astridmehdi.com/assets/icon3.png" />
<title>The wedding of Astrid & Mehdi</title>
<!--[if lte IE 8]><script src="js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" type="text/css" href="main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-100508447-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<section id="header">
<header>
<img class="title-image" src="assets/Assets-15.png" />
</header>
</section>
<section id="us">
<h2>Nous</h2>
<!-- Feature 1 -->
<article class="container box style1">
<div class= "row 50%">
<div class="6u 12u(mobile)">
<img src="assets/illustration_Astrid.png" alt="" class="photo-us" />
</div>
<div class="6u 12u(mobile)">
<img src="assets/illustration_Mehdi.png" alt="" class="photo-us" />
</div>
</div>
</article>
<!-- Feature 2 -->
<article class="container box style1">
<div class="12u">
<p>Petite, elle voulait devenir architecte.<br />Petit, il voulait devenir astronaute.</p>
<p>Elle aime dessiner et prendre des photos.<br />Il aime les chats et joue aux jeux vidéo.</p>
<p>Elle adore tout ce qui est créatif.<br />Il adore coder.</p>
<p>Elle porte des lunettes depuis la primaire.<br />On lui a dit qu'il ressemble à John Lennon.</p>
<p>Elle est mauvaise au karaoké.<br />Il joue de la batterie.</p>
<p>Elle aime la nourriture épicée.<br />Il aime la pizza froide.</p>
<p>Elle s'endort souvent en regardant les films.<br />Il finit toujours ses films.</p>
<p>Ils adorent voyager et essayer les plats de différents endroits.<br />Ils sont prêts à commencer leur voyage ensemble.</p>
</div>
<div class="12u">
<img src="assets/illustration-3.png" alt="" style="max-height:320px" class="asset-footer" />
</div>
</article>
</section>
<section id= "photos">
<article class="container box style2">
<div class="row 0%">
<div class="4u 12u(mobile)">
<img src="assets/Assets-18.png" alt="" style="max-height:150px" />
</div>
<div class="4u 12u(mobile)">
<h2 class="yellow" style="line-height:150px;">Photos</h2>
</div>
<div class="4u 12u(mobile)">
<img src="assets/Assets-17.png" alt="" style="max-height:150px" />
</div>
</div>
<div class="inner gallery">
<div class="row 0%">
<div class="3u 12u(mobile)"><a href="images/photos/DSC01919.jpg" class="image fit"><img src="images/photos/DSC01919.jpg" alt="" /></a></div>
<div class="3u 12u(mobile)"><a href="images/photos/DSC01961.jpg" class="image fit"><img src="images/photos/DSC01961.jpg" alt="" /></a></div>
<div class="3u 12u(mobile)"><a href="images/photos/DSC02205.jpg" class="image fit"><img src="images/photos/DSC02205.jpg" alt="" /></a></div>
<div class="3u 12u(mobile)"><a href="images/photos/DSC02253.jpg" class="image fit"><img src="images/photos/DSC02253.jpg" alt="" /></a></div>
</div>
<div class="row 0%">
<div class="3u 12u(mobile)"><a href="images/photos/DSC00840.jpg" class="image fit"><img src="images/photos/DSC00840.jpg" alt="" /></a></div>
<div class="3u 12u(mobile)"><a href="images/photos/DSC02367.jpg" class="image fit"><img src="images/photos/DSC02367.jpg" alt="" /></a></div>
<div class="3u 12u(mobile)"><a href="images/photos/DSC00999.jpg" class="image fit"><img src="images/photos/DSC00999.jpg" alt="" /></a></div>
<div class="3u 12u(mobile)"><a href="images/photos/DSCF4497.jpg" class="image fit"><img src="images/photos/DSCF4497.jpg" alt="" /></a></div>
</div>
<div class="row 0%">
<div class="3u 12u(mobile)"><a href="images/photos/DSC02311.jpg" class="image fit"><img src="images/photos/DSC02311.jpg" alt="" /></a></div>
<div class="3u 12u(mobile)"><a href="images/photos/DSC00957.jpg" class="image fit"><img src="images/photos/DSC00957.jpg" alt="" /></a></div>
<div class="3u 12u(mobile)"><a href="images/photos/DSCF4182.jpg" class="image fit"><img src="images/photos/DSCF4182.jpg" alt="" /></a></div>
<div class="3u 12u(mobile)"><a href="images/photos/IMG_6102.jpg" class="image fit"><img src="images/photos/IMG_6102.jpg" alt="" /></a></div>
</div>
</div>
</article>
</section>
<section id="details">
<article class="container box style1">
<header>
<h2>Détails</h2>
</header>
<div class= "row 50%">
<div class="12u">
<h3>8 Septembre 2017</h3>
</div>
</div>
<div class= "row 50%">
<div class="6u 12u(mobile)">
<h3>Cérémonie</h3>
<p>Marie du 15e arrondissement</p>
<p>15h</p>
<p><a href="https://goo.gl/maps/VJe3TVeSbqJ2" target="_blank">31 Rue Peclet, 75015 Paris</a></p>
</div>
<div class="6u 12u(mobile)">
<h3>Festivités</h3>
<p>La Baleine Blanche</p>
<p>19h30</p>
<p><a href="https://goo.gl/maps/JrK3g4MnLAT2" target="_blank">Port de la Gare, 75013 Paris</a></p>
</div>
<div class="12u">
<img src="assets/illustration-1.png" alt="" style="max-height:320px" class="asset-footer" />
</div>
</div>
</article>
</section>
<section id="rsvp">
<article class="container box style3">
<header>
<h2>RSVP</h2>
</header>
<form method="post" id="gform" action="https://script.google.com/macros/s/AKfycbyq7U6xdRnZgiLT4BVM-zwKqsCBwlV7GdNNzJ29MJcKXJ6pTmA/exec">
<div class="row 50%">
<div class="6u 12u$(mobile)"><input type="text" class="text" name="name" placeholder="Nom" /></div>
<div class="6u$ 12u$(mobile)"><input type="email" class="text" name="email" placeholder="Email" /></div>
<div class="6u 12u$(mobile)">
<legend>Serez-vous parmis nous ?</legend>
<input id="attending--yes" type="radio" name="attending" value="yes" /> <label for="attending--yes">Oui</label>
<input id="attending--no" type="radio" name="attending" value="no" /> <label for="attending--no">Non</label>
</div>
<div class="6u$ 12u$(mobile)">
<legend>Serez-vous accompagné ?</legend>
<input id="company--yes" type="radio" name="company" value="yes" /> <label for="company--yes">Oui</label>
<input id="company--no" type="radio" name="company" value="no" /> <label for="company--no">Non</label>
</div>
<div class="12u$">
<textarea name="message" placeholder="Si vous voulez nous laisser un message..."></textarea>
</div>
<div class="12u$">
<ul class="actions">
<li><input type="submit" value="Envoyer" /></li>
</ul>
</div>
</div>
</form>
<div style="display:none;" id="thankyou_message">
<h2><em>Merci !</em></h2>
</div>
</article>
<article class="container box footer">
<div class="12u">
<img src="assets/Assets-11.png" alt="" style="max-height:310px" />
</div>
</article>
</section>
<!-- Scripts -->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.scrolly.min.js"></script>
<script src="js/jquery.poptrox.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/util.js"></script>
<!--[if lte IE 8]><script src="js/ie/respond.min.js"></script><![endif]-->
<script src="js/main.js"></script>
<script data-cfasync="false" type="text/javascript" src="js/form.js"></script>
</body>
</html>