-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
165 lines (162 loc) · 10.3 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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0">
<title>Portfolio</title>
<link rel="stylesheet" href="assets/style.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nunito&display=swap" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-dark navbar-expand-sm bg-dark fixed-top">
<div class="container">
<a href="/" class="navbar-brand" style="font-family: 'Nunito', sans-serif;">
Rushi Patel Portfolio
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div id="navbarCollapse" class="collapse navbar-collapse">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a href="#about" class="nav-link active">About</a>
</li>
<li class="nav-item">
<a href="#skills" class="nav-link active">Skills</a>
</li>
<li class="nav-item">
<a href="#project" class="nav-link active">Projects</a>
</li>
<li class="nav-item">
<a href="#resume" class="nav-link active">Resume</a>
</li>
<li class="nav-item">
<a href="#refer" class="nav-link active">References</a>
</li>
</ul>
</div>
</div>
</nav>
<style>
img {
vertical-align: middle;
border-style: none;
width: -webkit-fill-available;
}
.navbar-nav .nav-link {
margin-left: 40px;
}
</style>
<style>
li{
margin-top:15px;
}
.nav-item{
margin-top:0px;
}
</style>
<div class="container" style="overflow: hidden;">
<div id="about-main">
<div class="story-container" id="about">
<section>
<div class="need-for-dx-container" id="about">
<h1 style="font-family: 'Nunito', sans-serif;color:#074e8c;font-weight:bold;">
About Me
</h1>
<center><img src="assets/avatar.png" style="width:250px;margin-top:60px;margin-bottom:20px;"></center>
<p style="font-size: 18px;">
Hello World! Myself Rushi Patel a freshman at SRM University, Chennai (KTR-campus) for<b> B. Tech in Computer Science Enginerring with Specialized in Big-Data Anyalytic</b>. I started my pasion in Programming in the beginning of 8th grade, when i learnt HTML and CSS in school, I built up interset in this thing, soon after this I started watching YouTube video to learn more on Web-development. Started making small website using<b> HTML and CSS</b>. During the lockdown, started I leant<b> JS, jQuery and AJAX,</b> which are part of functionaing of a website. Other then my prgramming skills, my hobbies are playing football, listensing music and suffering on my laptop. Basically,<b> I am a computer geek :) who love's to with his laptop everytime.</b>
</p>
<p style="font-size: 18px;">
I am also <b>Python and C++ Developer</b> , I mostly using python programming laguages for backend and server-side code ,Very well familiar with <b>Django farmework of python</b>, which deal with the backend part of the website.
❤ Love to do Automating things and Scripting . Dimished knowledge of data-structure and algorithms. <b>Interests in Competeive Programming</b>.
</p>
</div>
</section>
<div class="container-divider" id="skills"></div>
<section style="margin-top:175px;">
<div class="our-tech-container">
<h1 style="font-family: 'Nunito', sans-serif;color:#074e8c;font-weight:bold;">
Skills
</h1>
<div class="img-container" style="margin-top: 30px;">
<center><img src="assets/skills.png" style="height:200px;"></center>
</div>
<p>
<ul style="margin-top:50px;font-size:18px;">
<li>Know how to use frameworks such as<b> jQuery, AJAX, Boostrap</b></li>
<li>Very-well familiar with <b>Django python's web-development framework</b></li>
<li>Working with API's such as fetch data by making request</li>
<li>Ranked under <b>51k</b> in gobal Python developer index on <b>HackerRank</b></li>
<li>2-⭐ CodeChef Profile</li>
<li>Very familiar with version-control language such as <b>Git</b></li>
<li><b>Automation and Scripting</b> with <b>C++ and Python</b></li>
</ul>
</p>
</div>
</section>
<div class="container-divider" id="project"></div>
<section style="margin-top:175px;">
<div class="origin-story-container">
<h1 style="font-family: 'Nunito', sans-serif;color:#074e8c;font-weight:bold;">
Projects
</h1>
<div class="img-container" style="margin-top: 30px;">
<center><img src="assets/oops.png" style="height:200px;"></center>
</div>
<center><span style="font-size:20px;margin-top:15px;"><b>Oops!! Never Worked on Big projects ,Want Projects to-do</b></span></center>
</div>
</section>
<div class="container-divider" id="resume"></div>
<section style="margin-top:175px;">
<div class="today-container">
<h1 style="font-family: 'Nunito', sans-serif;color:#074e8c;font-weight:bold;">
Resume
</h1>
<div class="img-container" style="margin-top: 30px;">
<center><img src="assets/resume.png" style="height:250px;"></center>
</div>
<p style="margin-top: 15px;">
<center><a role=button href="https://drive.google.com/file/d/1PM5_yq_dz7waxtA8FAd5hZrPD0n2XcEA/view?usp=sharing" target="blank" type="button" class="btn btn-primary btn-lg">View Resume</a></center>
</p>
</div>
</section>
<div class="container-divider" id="refer"></div>
<section style="margin-top:175px;">
<div class="today-container">
<h1 style="font-family: 'Nunito', sans-serif;color:#074e8c;font-weight:bold;">
References
</h1>
<div class="img-container" style="margin-top: 30px;">
<center><img src="assets/contact.png" style="height:250px;"></center>
</div>
<p style="margin-top: 15px;">
<ul style="font-size:18px;">
<li><a href="https://github.com/Developer-R-7">Github Profile</a></li>
<li><a href="https://www.hackerrank.com/rushinasa06">HackerRank Profile</a></li>
<li><a href="https://www.codechef.com/users/developer_r">CodeChef Profile</a></li>
<li><a href="https://www.instagram.com/developer._.r/">Instagram Profile</a></li>
<li><a href="https://www.linkedin.com/in/rushi-patel-5a5b951ba/">Linkedin Profile</a></li>
<li><a href="mailto:rushinasa06@gmail.com">Mail Me!!</a></li>
</ul>
</p>
</div>
</section>
<div class="container-divider"></div>
</div>
</div>
</div>
<section class="footer">
<footer>
<div style="height:50px;background-color:#9bc5ee;">
<center><span style="height:100%;width:100%;font-family: 'Nunito', sans-serif;line-height:100%;font-size:16px;color:darkblue;font-weight:bold;vertical-align: -webkit-baseline-middle">Made with ❤ By Rushi</span></center>
</div>
</footer>
</section>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
</body>
</html>