Project2/index.html at master · shefv/Project2 · GitHub

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
<!DOCtype html>

<head>
  <meta charset="utf8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,shrink-to-fit=no">
  <link rel="stylesheet" type="text/css" href = "screen.css">

  <title>Vinayak & Sonal</title>
</head>

<body>
<h1>Vinayak & Sonal</h1>
<h3>February 27<sup>th</sup>, 2016</h3>

  <div id="greeting">Hello family and friends,thank you so much for all your blessings and love on our special occasion. Feel free to follow us on our married journey</div>


  <div class="nav">
				<nav>
					<ul>
						<li><a href="#events"> Wedding Events</a></li>
						<span> </span>
						<li><a href="#signup">SignUp</a></li>
					</ul>
				</nav>
			</div>

  <figure>

	<img src="photos/maincouple_pic.jpg" alt="Vinayak and Sonal" >

  </figure>
  <div id="container_3">

	<section id="events">

		<h2> Wedding Events</h2>
		<figure>
			<figcaption>
				<h3>Roka</h3>
			</figcaption>
			<img src="photos/roka.jpg"  alt="Blessings to the Groom"/>
		</figure>
		<figure>
			<figcaption>
				<h3>Mehandi</h3>
			</figcaption>
			<img src="photos/mehandi1.jpg"  alt=""/>
			<img src="photos/mehandi.jpg"  alt="Musical Festivities"/>
		</figure>
		<figure>
			<figcaption>
				<h3>Wedding</h3>
			</figcaption>
			<img src="photos/wedding.jpg"  alt="Becoming Mr. and Mrs. Varma"/>
		</figure>
		<figure>
			<figcaption>
				<h3>Reception</h3>
			</figcaption>
			<img src="photos/miami3.jpg"  alt=""/>
		</figure>
		<div class="nav">
			<nav>
				<ul>
					<li><a href="#greeting">Top of Page</a></li>
				</ul>
			</nav>
		</div> <!-- closes the nav id div -->


	</section>
</div>

  <div id="signup">
  <h4>Stay updated with the couple's married life<h4>
  <label>Name<input type="text" name="name" id="name" />

  <label>Email<label><input type="email" name="email" id="email" />

  <button type="submit" name="Get Updated" />Get Updated!</button>

  <p> Contact couple further <a href="https://www.appycouple.com/wedding/sonalvinayak" target="_blank"> here</a></p>
  </div>

</body>

</html>