-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
144 lines (132 loc) · 6.23 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
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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<!-- Google fonts -->
<link href="https://fonts.googleapis.com/css2?family=Asap+Condensed:wght@700&family=Orbitron:wght@900&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Righteous&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- my custom CSS -->
<link rel="stylesheet" href="styles/my.css" type="text/css" />
<link rel="stylesheet" href="styles/images.css" />
<link rel="icon" type="image/png" href="assets/newlogo.png" />
<!--favicon-->
<title>Abhijeet Bhagat|Software Engineer</title>
</head>
<body>
<!-- the div with id 'particles-js' is used to load the particle animation in the background -->
<div id="particles-js"></div>
<!-- topnav and customizations -->
<nav class="navbar sticky-top navbar-expand-lg navbar-dark nav-custom">
<!--brand logo and Name-START-->
<a class="navbar-brand" href="index.html">
<div id="logodiv">
A
</div>
</a>
<a class="navbar-brand" href="index.html">
<div>
<div class="head-name">ABHIJEET</div>
</div>
</a>
<!--brand logo and Name-END-->
<button class="navbar-toggler custom-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item" active>
<a class="nav-link" href="about.html"><span> About</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="portfolio.html"><span> Portfolio</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html"><span> Contact</span>
</a>
</li>
<li class="nav-item">
<!--Resume link disabled using disabled class-->
<a class="nav-link disabled" href="#">
<span class="mydisabled"> Resume</span>
</a>
</li>
</ul>
</div>
</nav>
<!-- topnav and customizations-END -->
<div class="container" id="main-container">
<div class="row">
<div class="col-lg">
<main>
<div class="jumbotron">
<!--Jumbotron start-->
<div class="luminous" style="text-align: center;">Hi, my name is</div>
<div id="primary-title-name">
Abhijeet
Bhagat
</div>
<div class="secondary-title" style="color:#007ced;text-align: right;">I build web applications
</div>
<article>
I'm a software engineer based in Dublin, CA.
I am a <em>Full Stack Developer</em>, I build & design websites and web applications.
I build, test and deploy applications.
</article>
<div id="contactmebtn">
<button id="moreaboutme" type="button" class="btn btn-outline-primary btn-lg">
More About Me...
</button>
<button id="getintouch" type="button" class="btn btn-outline-primary btn-lg">
Get In Touch...
</button>
</div>
<section id="social-btns-main">
<button type="button" class="btn btn-outline-primary" id="linkedinbtn"><i
class="fa fa-linkedin" aria-hidden="true"></i></button>
<button type="button" class="btn btn-outline-primary" id="githubbtn"><i class="fa fa-github"
aria-hidden="true"></i></button>
</section>
</div>
<!--Jumbotron end-->
</main>
</div>
</div>
</div>
<!--container end-->
<!--hack to add 60px to body so that contents behind sticky footer could be scrolled-->
<div style="height:60px;"></div>
<footer class="luminous" id="mainfooter">
<hr />
<span>Designed and Built by Abhijeet Bhagat</span>
<div>© Abhijeet Bhagat
<a href="https://github.com/bhagatabhijeet/portfolio">
<i class="fa fa-github" aria-hidden="true"></i>
</a>
</div>
</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="assets/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
crossorigin="anonymous"></script>
<!-- courtesy : github.com/VincentGarreau/particles.js -->
<script src="assets/scripts/particles.js"></script>
<!-- my script -->
<script src="assets/scripts/index.js">
</script>
</body>
</html>