mayankm276.github.io/home.php at master · mayankm276/mayankm276.github.io · 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
<!DOCTYPE html>
<html>
<head>
	<title>Connect home</title>
	<link rel="stylesheet" type="text/css" href="homestyle.css">
	<meta charset="utf-8" >
	<meta name="viewport" content="width=device-width">
</head>
<body>
	<div class="head">
		<h1><img src="images/mc.png"></h1>
	</div>
	<div class="wrapper">
		<nav>
			<ul>
				<li><a href="home.php">Home</a></li>
				<li><a href="#about" data-scroll="true" data-id="#about">About</a></li>
				<li><a href="#Connect" data-scroll="true" data-id="#connect">Connect</a></li>
				<li><a href="#Contact" data-scroll="true" data-id="#contact">Contact</a></li>
				<li><a href="login.php">Login</a></li>
			</ul>
			<ul class="social">
				<li ><a href="">Facebook</a></li>
				<li ><a href="">Gmail</a></li>
				<li ><a href="">Linkedin</a></li>
			</ul>
		</nav>
	</div>
	<div class="image">
		<img src="images/c3.png" width="100%" style="z-index: -1;">
	</div>
	<div class="About">
		<h2 id="about">About Connect</h2>
		<p class="about">
			The aim of the project is to make connection between the
	newbies with the multiple groups present in the campus. It also aims at making
	connection between the junta in no group or some group with the groups
	involved junta. It is basically an in-campus Facebook and LinkedIn, where one
	can know the involvement of the second or the third person in different groups
	and also knows about his/her skills and achievement and can get in touch with
	him/her whenever required.</p>
	</div>

	<div class="LC">
		<img  class="lc" src="images/letsconnect.jpg">

	</div>
<div class="info">
	<p class="am">About ME</p>

	<div class="blah">
	<img class="gaurav" src="images/gaurav" width="400px" height="400px" >
	<p class="intro">I am a 18 years old undergraduate student currently pursuing my B.Tech degree in the field of electronics and communication Engg. at one of the most prestigious institute of the country IIT Roorkee.</p>

	<p class="intro">I am a keen tech. enthusiast who believe in creating and working in productive projects, who is of the notion </p>
	</div>
	<div class="intro" id="notion">
	<p>DREAM it !!</p>
	<p>BELIEVE it !!</p>
	<p>BUILD it !!</p>
	</div>
</div>

<footer>
	<div class="f">
		<div class="icons">
			<div class="logo"><a href="https://www.facebook.com"><img class="fb" src="images/fb.png" width="35px" height="35px"></a></div>
			<div class="logo"><a href="www.gmail.com"><img class="G" src="images/g.png" width="35px" height="35px"></a></div>
			<div class="logo"><a href="https://github.com/gauravzqa"><img class="gh" src="images/git.png" width="35px" height="35px"></a></div>
			<div class="logo"><a href="https://www.linkedin.com/in/gaurav-pal-578ab9153/"><img class="ln" src="images/linkedin.png" width="35px" height="35px"></a></div>
		</div>

		<div class="end" >
			<div class="finish">Home</div>
			<div class="finish">About us</div>
			<div class="finish">help us</div>
			<div class="finish">Terms and Conditions</div>
		</div>
	</div>
</footer>

</body>
</html>