SIH_Hackathon/index.html at main · jayvikash/SIH_Hackathon · 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
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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>student sih web</title>
	<link rel="stylesheet" href="style.css">
</head>
<body>
	<!-- header section starts-->
	<header class="header">

		<div class="logo">
			<img src="image/logo.png" alt="not found">
			<a href="#" class="lname">gurukul</a>
		</div>


		<nav class="navbar">
			<input type="text" placeholder="Search..">
			<a href="#home">Home</a>
            <a href="#course">course</a>
            <a href="#about us">about us</a>
            <a href="#contact us">contact us</a>
			<a href="#sign" style="color: aquamarine;">sign in/sign up</a>
		</nav>
	</header>

	<!-- header section ends-->


	<!-- home section starts-->

	<section id="home" class="home">
		<div class="content">
			<h3>learning is easy</h3>
			 <p>we deliver best quality education</p>
		</div>

	</section>

	<!-- home section ends-->

	<!-- course section starts-->

	<section class="course" id="course">
		<div class="heading">
			<h4>our courses</h4>
		</div>

		<div class="box">
			<div class="card">
				<img src="image/c1.png" alt="not">
				<h4>IIT</h4>
				<a href="#" class="btn">know more</a>
			</div>

			<div class="card">
				<img src="image/c2.png" alt="not">
				<h4>NEET</h4>
				<a href="#" class="btn">know more</a>
			</div>

			<div class="card">
				<img src="image/c3.png" alt="not">
				<h4>GATE</h4>
				<a href="#" class="btn">know more</a>
			</div>

			<div class="card">
				<img src="image/c4.png" alt="not">
				<h4>UPSC</h4>
				<a href="#" class="btn">know more</a>
			</div>

			<div class="card">
				<img src="image/c2.png" alt="not">
				<h4>CAT</h4>
				<a href="#" class="btn">know more</a>
			</div>

			<div class="card">
				<img src="image/c2.png" alt="not">
				<h4>GATE</h4>
				<a href="#" class="btn">know more</a>
			</div>
		</div>

	</section>
	<!-- course section ends-->

	<!-- about section starts-->

	<section class="about" id="about us">
		<h4 class="heading">about us</h4>
		<div class="box">
			<div class="content">
				<img src="image/about1.jpg" alt="not found">
			</div>
			<div class="content">
				<h2>know me</h2>
			    <p> gurukul is free plateform of teachers and students. our aim to reach every talented teacher and every student of india</p>
			</div>
		</div>
	</section>
	<!-- about section ends-->

	<!-- contact section start-->

	<section class="contact" id="contact us" >
		<h4 class="heading">contact us</h4>
	</section>

	<!-- contact section ends-->


</body>
</html>