-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
145 lines (130 loc) · 3.77 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
<!DOCTYPE HTML>
<html>
<head>
<title>Feminville</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body>
<!-- Header -->
<header id="header" class="alt">
<div class="logo"><a href="index.html">Feminville<span>by Soumya Rao</span></a></div>
<a href="#menu">Menu</a>
</header>
<!-- Nav -->
<nav id="menu">
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="generic.html">Ailments</a></li>
</ul>
</nav>
<!-- Banner -->
<section class="banner full">
<article>
<img src="images/slide06.jpg"/>
<div class="inner">
<header>
<p>An interactive website dealing with <a href="https://templated.co">WOMEN AILMENTS</a></p>
<h2>Feminville</h2>
</header>
</div>
</article>
<article>
<img src="images/slide07.jpg"/>
<div class="inner">
<header>
<p>When we do the best we can, we never know what miracle is wrought in our life, or in the life of another</p>
<h2>Helen Keller</h2>
</header>
</div>
</article>
<article>
<img src="images/slide08.jpg"/>
<div class="inner">
<header>
<p>A woman is the full circle. Within her is the power to create, nurture and transform</p>
<h2>Diane Mariechild</h2>
</header>
</div>
</article>
<article>
<img src="images/slide09.jpg"/>
<div class="inner">
<header>
<p>If you obey all the rules, you miss all the fun</p>
<h2>Katharine Hepburn</h2>
</header>
</div>
</article>
<article>
<img src="images/slide10.jpg"/>
<div class="inner">
<header>
<p>Made by</p>
<h2>Soumya Rao</h2>
</header>
</div>
</article>
</section>
<!-- One -->
<section id="one" class="wrapper style2">
<div class="inner">
<div class="grid-style">
<div>
<div class="box">
<div class="image fit">
<img src="images/pic02.jpg" alt="" />
</div>
<div class="content">
<header class="align-center">
<p>Dedicated to all the inspiring women in my life</p>
<h2>Feminville</h2>
</header>
<p> This website is just a small initiative by me to at least if not cure, make women aware of common health problems and take precautions accordingly.</p>
</div>
</div>
</div>
<div>
<div class="box">
<div class="image fit">
<img src="images/pic03.jpg" alt="" />
</div>
<div class="content">
<header class="align-center">
<p>Contributions and</p>
<h2>References</h2>
</header>
<p> 1. Google <br> 2.Wikipedia <br> 3.Learn IT! Girl</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper style3">
<div class="inner">
<header class="align-center">
<p>Health is the greatest gift, contentment, the greatest wealth, faithfullness, the best relationship.</p>
<h2>Buddha</h2>
</header>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper style2">
<div class="inner">
<header class="align-center">
<p class="special">It feels so wonderful to make an impact, to grow and make others grow as well</p>
<h2>Thank You!</h2>
</header>
</div>
</section>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>