-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlanding.html
143 lines (133 loc) · 4.96 KB
/
landing.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
<!DOCTYPE html>
<html lang="en">
<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="styles.css">
<title>Orphanage Landing Page</title>
</head>
<body>
<nav>
<div class="heading">Orphanage</div>
<span class="sideMenuButton"
onclick="openNavbar()">
☰
</span>
<div class="navbar">
<ul>
<li><a href="#Home">Home</a></li>
<li><a href="#About">About</a></li>
<li><a href="#Contact">Contact</a></li>
</ul>
</div>
</nav>
<div class="sideNavigationBar"
id="sideNavigationBar">
<a href="#" class="closeButton"
onclick="closeNavbar()">
</a>
<a href="#Home">Home</a>
<a href="#About">About</a>
<a href="#Contact">Contact</a>
</div>
<div class="line" id="Home">
<div class="side1">
<h1>Helping Hand Orphanage</h1>
<button>
<a href="#">
Learn More
</a>
</button>
</div>
<div class="side2">
<img src=
"C:\Users\dewan\eclipse\Downloads\images.jpeg"
width="550">
</div>
</div>
<section class="about" id="About">
<div class="content">
<div class="title">
<span>Our Mission</span>
</div>
<div class="boxes">
<div class="box">
<div class="topic">
<a href="#" target="_blank">
Child Care
</a>
</div>
<p>
Our orphanage provides a loving and caring environment for children in need, ensuring their well-being and development.
</p>
</div>
<div class="box">
<div class="topic">
<a href="#" target="_blank">
Education
</a>
</div>
<p>
We focus on providing education and learning opportunities to every child, empowering them for a better future.
</p>
</div>
<div class="box">
<div class="topic">
<a href="#" target="_blank">
Community Support
</a>
</div>
<p>
Our orphanage actively engages with the local community to raise awareness and support for the well-being of these children.
</p>
</div>
</div>
</div>
</section>
<section class="contact" id="Contact">
<div class="content">
<div class="title"><span>Contact Us</span></div>
<div class="contactMenu">
<div class="input1">
<div class="label1">Your Name</div>
<div class="input2">
<input type="text"
placeholder="Enter your Name:">
</div>
<div class="label1">
<label>Your Email</label>
</div>
<div class="input2">
<input type="text"
placeholder="Enter your Email :">
</div>
<div class="label1">
<label>Your Message</label>
</div>
<div class="input2">
<textarea placeholder="Enter your message here :"></textarea>
</div>
<div class="button">
<button>Send Message</button>
</div>
</div>
<div class="input3">
<div class="rightside1">
<div class="title1">
<span>
Visit Us
</span>
</div>
<div class="content1">
Naya Raipur ,CG,India
</div>
<div class="title1">
<span>Call Us</span>
</div>
<div class="content1">
6564521558
</div>
</div>
</