Skip to content

Commit fd48849

Browse files
kaal-coderkaal-coder
authored
Merge pull request #152 from AdityaDhavale/main
Project file has been added in respective domain folder.
2 parents af02e17 + 06d0fc0 commit fd48849

File tree

1 file changed

+187
-62
lines changed

1 file changed

+187
-62
lines changed

‎Fronted Projects/index.html

Lines changed: 187 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -2,71 +2,196 @@
22
<html lang="en">
33

44
<head>
5-
<meta charset="UTF-8">
6-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8-
<title>Home</title>
9-
<link rel="stylesheet" href="style.css">
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
<title>Aditya Fitness</title>
9+
1010
</head>
11+
<link rel="preconnect" href="https://fonts.googleapis.com">
12+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
13+
<link href="https://fonts.googleapis.com/css2?family=Cabin&display=swap" rel="stylesheet">
14+
<style>
15+
/* CSS Reset */
16+
body {
17+
font-family: 'Cabin', sans-serif;
18+
margin: 0px;
19+
padding: 0px;
20+
color: white;
21+
background: url("img/bg.jpg");
22+
/* background-repeat:no-repeat; */
23+
}
24+
25+
.left {
26+
display: inline-block;
27+
/* border: 2px solid green; */
28+
position: absolute;
29+
left: 55px;
30+
top: 30px;
31+
32+
33+
}
34+
35+
.mid {
36+
/* border: 2px solid red; */
37+
display: block;
38+
width: 32%;
39+
margin: 50px auto;
40+
height: 100px;
41+
42+
}
43+
44+
.right {
45+
display: inline-block;
46+
/* border: 2px solid yellow; */
47+
position: absolute;
48+
right: 55px;
49+
top: 30px;
50+
51+
}
52+
53+
.navbar {
54+
display: inline-block;
55+
}
56+
57+
.navbar li {
58+
display: inline-block;
59+
font-size: 70px;
60+
}
61+
62+
.navbar li a {
63+
color:white;
64+
text-decoration: none;
65+
padding: 40px 45px;
66+
}
67+
68+
.navbar li a:hover,
69+
.navbar li a.active {
70+
color: red;
71+
/* text-decoration:underline; */
72+
}
73+
74+
.left img {
75+
position: static;
76+
top: 50px;
77+
left: 60px;
78+
width: 412px;
79+
}
80+
81+
.left div {
82+
text-align: center;
83+
font-size: 85px;
84+
color: rgb(36, 36, 36);
85+
position: absolute;
86+
left: 60px;
87+
}
88+
89+
.btn {
90+
padding: 20px 85px;
91+
background-color: black;
92+
color: white;
93+
font-size: 60px;
94+
border: 2px solid white;
95+
border-radius: 15px;
96+
cursor: pointer;
97+
98+
}
99+
100+
.btn:hover {
101+
color: grey;
102+
}
103+
104+
.container {
105+
/* border: 2px solid orange; */
106+
margin: 743px 391px;
107+
padding: 200px 38px;
108+
width: 30%;
109+
border-radius: 30px;
110+
}
111+
112+
.container {
113+
font-size: 60px;
114+
}
115+
116+
.formgroup input {
117+
display: block;
118+
text-align: center;
119+
font-size: 50px;
120+
width: 66%;
121+
margin: 45px auto;
122+
padding: 50px 10px;
123+
border-radius: 20px;
124+
font-family: 'Cabin', sans-serif;
125+
126+
127+
}
128+
.formgroup button{
129+
text-align: center;
130+
font-size: 50px;
131+
font-family: 'Cabin', sans-serif;
132+
display: block;
133+
width: 400px;
134+
margin: 100px auto;
135+
padding: 23px 10px;
136+
cursor: pointer;
137+
color: black;
138+
139+
140+
141+
}
142+
</style>
11143

12144
<body>
13-
<div class="header">
14-
15-
<video autoplay loop class="back-video" muted plays-inline>
16-
<source src="video.mp4" type="video/mp4">
17-
</video>
18-
<nav>
19-
<img src="logo.png" class="logo">
20-
<ul class="nav-links">
21-
<li><a href="index.html">Home</a></li>
22-
<li><a href="courses.html">Courses</a></li>
23-
<li><a href="Reviews.html">Reviews</a></li>
24-
<li><a href="contact.html">Contact</a></li>
25-
<li class="btn"> <a href="btn.html"> Log in</li></a>
26-
27-
</ul>
28-
</nav>
29-
<div class="content">
30-
<h1>Learn Anything Online</h1>
31-
<form action="https://www.google.com/search?" method="get">
32-
<input type="text" name="q" placeholder="&#x270e; Enter keyword">
33-
<button type="submit" value="Google search">Find Cource</button>
34-
</form>
35-
<div class="category-list">
36-
<div class="category">
37-
<a href="webdev.html">
38-
<img src="images\coding.png"></a>
39-
<p>Web Dev</p>
40-
41-
</div>
42-
<div class="category">
43-
<a href="yoga.html">
44-
<img src="images\exercise.png"></a>
45-
<p>Yoga</p>
46-
47-
</div>
48-
<div class="category">
49-
<a href="music.html">
50-
<img src="images\guitar.png"></a>
51-
<p>Music</p>
52-
53-
54-
</div>
55-
<div class="category">
56-
<a href="gamedev.html">
57-
<img src="images\console.png"></a>
58-
<p>Game Dev</p>
59-
60-
</div>
61-
<div class="category">
62-
<a href="language.html">
63-
<img src="images\language.png"></a>
64-
<p>Language</p>
65-
66-
</div>
67-
</div>
68-
</div>
69-
</div>
145+
<header class="header">
146+
<!-- Left box for logo -->
147+
<div class="left">
148+
<img src="img/logo1.png" alt="">
149+
<div>HEALTH IS WEALTH</div>
150+
151+
152+
</div>
153+
<!-- Mid box for navigation bar -->
154+
<div class="mid">
155+
<ul class="navbar">
156+
<li><a href="" class="active">Home</a></li>
157+
<li><a href="">Gym Subscription Plans</a></li>
158+
<li><a href="">Contact Info</a></li>
159+
<li><a href="">About Us</a></li>
160+
</ul>
161+
162+
163+
</div>
164+
<!-- Right box for button -->
165+
<div class="right">
166+
<button class="btn">Email Us</button>
167+
168+
</div>
169+
</header>
170+
<div class="container">
171+
<h1>Join the best Gym of Kolhapur now!</h1>
172+
<form action="noaction.php">
173+
<div class="formgroup">
174+
<input type="text" name="" placeholder="Enter your Name">
175+
</div>
176+
<div class="formgroup">
177+
<input type="text" name="" placeholder="Enter your Age">
178+
</div>
179+
<div class="formgroup">
180+
<input type="text" name="" placeholder="Enter your Gender">
181+
</div>
182+
<div class="formgroup">
183+
<input type="text" name="" placeholder="Enter your Phone No">
184+
</div>
185+
<div class="formgroup">
186+
<input type="text" name="" placeholder="Enter your Email">
187+
</div>
188+
<div class="formgroup">
189+
<button class="but">SUBMIT</button>
190+
191+
</div>
192+
193+
</form>
194+
</div>
70195

71196
</body>
72197

0 commit comments

Comments
 (0)