First-WebPage/next.html at master · Jigar3/First-WebPage · 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>Jigar Chavada</title>
		<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
		<link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
		<link rel="stylesheet" type="text/css" href="styles/style.css">
	</head>
	<body>
		<div class="container">
			<div class="navigation">
				<i class="fa fa-home fa-3x" aria-hidden="true"></i>
				<h3 class="nav-bar">Home</h3>
				<h3 class="nav-bar">About Me</h3>
				<h3 class="nav-bar">Skills</h3>
				<h3 class="nav-bar">Contact Me</h3>
			</div>
		</div>

		<div class="img-text">
			<img src="images/bg3.jpeg" alt="simple background image" class="img">
			<h1>Jigar Chavada</h1>
			<h4>UnderGrad At IIIT Allahabad</h3>
		</div>

		<div>
			<p class="header">WHO AM I?</p>
			<hr style="width: 400px; text-align: center">
		</div>

		<div class="details">
			<p>
				<span style="font-weight: 500">Hello All !!!</span> I am Jigar Chavada, a 1st year ECE student at Indian Institute of Information Technology, Allahabad.
				Born on 3rd September to my parents Mr. Suresh Chavada and Mrs. Jayashre Chavada. I reside in Mumbai from the last 18 years. I love learning new technologies realted to Web Development. HTML and CSS are the only things related to Web Development I know uptill now, that too I learned while creating this project of mine.
			</p>
			<p style="padding-bottom: 10px">
				I love watching American TV series and Anime. Game of Thrones, Mr. Robot, Suits are some of my favourite TV series. In Anime, I am a huge Naruto fan. Death Note, Bleach and Fairy Tail are also some animes that I enjoy watching in my leisure time.
			</p>
			<hr>
		</div>

		<div>
			<p class="header">SKILLS</p>
			<hr style="width: 300px; text-align: center">
			<div class="skills">
				<div>
					<img src="images/c.png">
					<h3 style="padding-top: 35px;">C Programming</h3>
				</div>
				<div>
					<img src="images/html.png">
					<h3>HTML</h3>
				</div>
				<div>
					<img src="images/css.png">
					<h3>CSS</h3>
				</div>
			</div>
			<hr>
		</div>

		<div>
			<p class="header" style="padding-top: 30px">Contact Me</p>
			<hr style="width: 300px; text-align: center">
		</div>

		<div class="icons">
			<div style="padding-top: 15px">
				<a href="https://www.facebook.com/jsc3998"><i class="fa fa-facebook fa-2x" aria-hidden="true" style="color: #3b5998"><span>Jigar Chavada</span></i></a>
			</div>
			<div>
				<a href=""><i class="fa fa-envelope fa-2x" aria-hidden="true" style="color: #ff1a1a"><span>IEC2017015@iiita.ac.in</span></i></a>
			</div>
			<div>
				<a href="https://github.com/Jigar3"><i class="fa fa-github fa-2x" aria-hidden="true" style="color: black"><span>Jigar3</span></i></a>
			</div>
			<div>
				<a href=""><i class="fa fa-phone fa-2x" aria-hidden="true"><span>+91-9594881428</span></i></a>
			</div>
		</div>
	</body>
</html>