-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
148 lines (139 loc) · 7.19 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
145
146
147
148
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" 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" href="main.css" type="text/css">
<title>Akshath-Resume</title>
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="50">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<!-- name-->
<a class="navbar-brand" href="index.html"><b>Akshath Jalda</b></a>
<!--links-->
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul id="nav-list" class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link" href="#container1">About</a></li>
<li class="nav-item"><a class="nav-link" href="#container2">Skills</a></li>
<li class="nav-item"><a class="nav-link" href="#container3">Contact</a></li>
</ul>
</div>
</nav>
<section id="container" class="container-fluid text-center">
<img id="myimg" src="images/myimg.jpg" class="rounded-circle" width="225" height="225"
style="border: 2px solid whitesmoke"><br><br>
<h3><span class="badge badge-pill badge-info">Hi, I am</span></h3>
<h1><span class="badge badge-pill badge-light">Akshath <span style="color: red;">Jalda</span></span></h1>
<h3><span class="badge badge-pill badge-light">A WebDeveloper & Programmer</span></span>
</h3>
</section>
<!--1st container-->
<section id="container1" class="container-fluid">
<div id="container1-data" class="container">
<h2><b> About <span class="badge badge-dark">Me</span></b></h2><br>
<b>Hi! I am Akshath Jalda, a web-developer focused on crafting <em>responsive</em> & <em>adaptive</em> web
experiences.<br><br>
I am passionate about building excellent websites that improves the lives of those around me. <br><br>
I specialize in creating websites for clients ranging from
individuals and small-businesses all the way to <br>
large enterprise corporations.</b>
</div>
</section>
<!--2nd container-->
<section id="container2" class="container-fluid">
<div id="container2-data" class="container">
<h2><b>My <span class="badge badge-dark">Skills</span></b></h2>
<br>
<br>
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-5">
<b>HTML/CSS</b> <br>
<div class="progress">
<div class="progress-bar progress-bar-striped progress-bar-animated" style="width:60%"></div>
</div>
</div>
<div class="col-md-5">
<b>JavaScript</b> <br>
<div class="progress">
<div class="progress-bar bg-warning progress-bar-striped progress-bar-animated"
style="width:20%"></div>
</div>
</div><br>
<div class="col-md-1"></div>
</div>
<br>
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-5">
<b>C/C++</b> <br>
<div class="progress">
<div class="progress-bar bg-danger progress-bar-striped progress-bar-animated"
style="width:60%"></div>
</div>
</div><br>
<div class="col-md-5">
<b>Java</b> <br>
<div class="progress">
<div class="progress-bar bg-dark progress-bar-striped progress-bar-animated" style="width:50%">
</div>
</div>
</div>
<div class="col-md-1"></div>
</div><br>
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-5">
<b>Python</b> <br>
<div class="progress">
<div class="progress-bar badge-info progress-bar-striped progress-bar-animated"
style="width:40%"></div>
</div>
</div>
</div>
</div>
</section>
<!--3rd container-->
<section id="container3" class="container-fluid">
<div class="row">
<div id="container3-data" class="col-md-2" style="background-color: rgba(165, 42, 42, 0.329);"></div>
<div id="container3-data" class="col-md-1" style="background-color: rgba(165, 42, 42, 0.733);"></div>
<div id="container3-data" class="col-md-6"
style="text-align: center; background-color: brown; color: burlywood;">
<b>Got a great idea or taking some challenges that you need help solving?</b><br>
<b> You can reach me out by the details provided.</b>
</div>
<div id="container3-data" class="col-md-1" style="background-color: rgba(165, 42, 42, 0.733);"></div>
<div id="container3-data" class="col-md-2" style="background-color: rgba(165, 42, 42, 0.329);"></div>
</div>
<div class="row">
<div id="footer-2" class="col-md-6 text-center">
<b>You can find me at</b>
<br><br>
<a href="https://www.facebook.com/akjalda" class="fa fa-facebook"></a>
<a href="https://twitter.com/ak_jalda" class="fa fa-twitter"></a>
<a href="https://instagram.com/ak_jalda" class="fa fa-instagram"></a>
</div>
<div id="footer-3" class="col-md-6 text-center">
<br>
Mobile: <b>+91 9110372671</b>
<br>
email: <b><em>[email protected]</em></b>
</div>
</div>
</section>
</body>
</html>