-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
92 lines (92 loc) · 4.55 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
<!DOCTYPE HTML>
<html>
<!--This is the basic information and format the website is in.-->
<header>
<meta charset="utf-8"/>
<link rel="stylesheet" type='text/css' href='bootstrap-4.1.2-dist/css/bootstrap.css'>
</header>
<body>
<!--To navigate to the main links in my website.-->
<section>
<div class="container">
<nav class="nav-center nav-fill nav-pills">
<nav class="navbar navbar-dark bg-dark rounded">
<a class="nav-link active nav-item" href="index.html">Home</a>
<a class="nav-link nav-item" href="Kumar_AboutMe.html">About Me</a>
<a class="nav-link nav-item" href="Kumar_Resume.html">Resume</a>
<a class="nav-link nav-item" href="Kumar_Projects.html">Projects</a>
<a class="nav-link nav-item" href="Kumar_Contact Me.html">Contact Me</a>
</nav>
</nav>
</div>
</section>
<!--Background and header about myself-->
<section>
<center>
<div class="jumbotron" style="background-image: url(Images/Blue-city-night.jpg); background-size:100%">
<div class="jumbotron-img-overlay">
<h2>Arvind Kumar's Engineering Portfolio</h2>
<h5>Welcome!</h5>
</div>
</div>
</center>
</section>
<section>
<!--Having multiple cards horizontally with basic information with links-->
<div class="card-deck">
<div class="card">
<img class="card-img-top" class="img-fluid" src="Images/Arvind Kumar.PNG" alt="card-image">
<div class="card-body">
<h5 class="card-title">Work Experience</h5>
<h6 class="card-title">Afterschool Volunteering</h6>
<strong><h4 class="card-title">Sunshine Afterschool</h4></strong>
<p class="card-text">"I worked here as a..."</p>
<a href="Kumar_Sunshine.html"><u>Read more</u></a>
</div>
</div>
<div class="card">
<img class="card-img-top" class="img-fluid" src="Images/Scratch_Cat.png" alt="card-image">
<div class="card-body">
<h5 class="card-title">Project</h5>
<strong><h6 class="card-title">Scratch Project</h6></strong>
<strong><h4 class="card-title">CSP</h4></strong>
<p class="card-text">"The main objective of this project was to...</p>
<a href="Kumar_Scratch_Project.html"><u>Read More</u></a>
</div>
</div>
<div class="card">
<img class="card-img-top" class="img-fluid" src="Images/MIT_App_Inventor.png" alt="card-image">
<div class="card-body ">
<h5 class="card-title">Project</h5>
<strong><h6 class="card-title">MIT App Inventor</h6></strong>
<strong><h4 class="card-title">CSP</h4></strong>
<p class="card-text">"In this project, the idea was to..."</p>
<a href="Kumar_MIT_App Inventor.html"><u>Read more</u></a>
</div>
</div>
</div>
</section>
</body>
<!--These open up links in new tabs when the pictures are clicked upon.-->
<footer class='jumbotron'>
<div class="jumbotron">
<div class='row'>
<div class='col-sm-3'>
<a href="Kumar_Contact Me.html" target="blank">
<img src="Images/Mail_v2.png" alt='My email' style= "height:80px;width:90px"/>
</a>
</div>
<div class='col-sm-7'>
<a href="https://www.facebook.com/profile.php?id=100013575214928" target="blank">
<img src="Images/facebook-icon-png-transparent-logo.png" alt='My facebook link' style= "height:80px;width:80px"/>
</a>
</div>
<div class='col-sm-2'>
<a href="https://www.dublin.k12.ca.us/dhs" target="blank">
<img src="Images/Logo-Dublin High.jpg" alt='Dublin High School' style= "height:80px; width:64px"/>
</a>
</div>
</div>
</div>
</footer>
</html>