-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
99 lines (99 loc) · 4.23 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
<!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">
<title>Housing Board Page</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Baloo+Bhai+2&family=Open+Sans:wght@300&display=swap" rel="stylesheet">
</head>
<link rel="stylesheet" href="style.css">
<body>
<nav id="navbar">
<div id="logo">
<img src="Images/logo.jpg" alt="oshb.com">
</div>
<ul>
<li class="item"><a href="#home">Home</a></li>
<li class="item"><a href="#services-container">Services</a></li>
<li class="item"><a href="#client-section">Projects</a></li>
<li class="item"><a href="#Contact">Contact Us</a></li>
</ul>
</nav>
<section id="home">
<h1 class="h-primary">Welcome to Odisha State Housing Board</h1>
<p>The Odisha State Housing Board came in to existence in the year 1968 by an Act of State Legislature with prime objective of providing Affordable houses in urban and rural areas to cater to the acute shortage of housing in the state.
</p>
<button class="btn">Book Now</button>
</section>
<section id="services-container">
<h1 class="h-primary center">Our Services</h1>
<div id="services">
<div class="box">
<img src="Images/p1.jpg" alt="">
<h2 class="h-secondary center">Simplex</h2>
<p class="center">Small size properties best suited for small families at affordable rates.</p>
</div>
<div class="box">
<img src="Images/p2.jpg" alt="">
<h2 class="h-secondary center">Duplex</h2>
<p class="center">Multi-family homes that have two units in the same building and share a wall between each other.</p>
</div>
<div class="box">
<img src="Images/p3.jpg" alt="">
<h2 class="h-secondary center">Apartments</h2>
<p class="center">2BHK and 3BHK flats available at affordable rates.</p>
</div>
</div>
</section>
<section id="client-section">
<h1 class="h-primary center">Our Projects</h1>
<div id="clients">
<div class="client-item">
<img src="Images/p7.jpg" alt="Our projects">
</div>
<div class="client-item">
<img src="Images/p8.jpg" alt="Our projects">
</div>
<div class="client-item">
<img src="images/p9.jpg" alt="Our projects">
</div>
<div class="client-item">
<img src="Images/p11.jpg" alt="Our projects">
</div>
</div>
</div>
</section>
<section id="Contact">
<h1 class="h-primary center">Contact Us</h1>
<div id="contact-box">
<form action="form.php">
<div class="form-group">
<label for="name">Name - </label>
<input type="text" name="name" id="name" placeholder="Enter your name">
</div>
<div class="form-group">
<label for="name">Email - </label>
<input type="text" name="email" id="email" placeholder="Enter your email">
</div>
<div class="form-group">
<label for="phone">Phone Number - </label>
<input type="phone" name="name" id="phone" placeholder="Enter your phone number">
</div>
<div class="form-group">
<label for="message">Message - </label>
<textarea name="message" id="message" cols="30" rows="10" placeholder="Enter your message"></textarea>
</div>
<input type="submit" value="Submit">
</form>
</div>
</section>
<footer>
<div class="center">
Copyright © www.onlinehousingboard.com. All rights reserved!
</div>
</footer>
</body>
</html>