-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
172 lines (151 loc) · 7.72 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
166
167
168
169
170
171
172
<!DOCTYPE html>
<html>
<title>My Portfolio</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="image/favicon-16x16.png" type="image/x-icon">
<!-- <style>
html,body,h1,h2,h3,h4,h5,h6 {font-family: "Roboto", sans-serif}
</style> -->
<body class="w3-light-grey">
<!-- Page Container -->
<div class="w3-content w3-margin-top" style="max-width:1400px;">
<!-- The Grid -->
<div class="w3-row-padding">
<!-- Left Column -->
<div class="w3-third">
<div class="w3-white w3-text-grey w3-card-4">
<div class="w3-display-container">
<img src="image/ayush.jpeg" style="width:100%" alt="Avatar">
<div class="w3-display-bottomleft w3-container w3-text-white">
<h2> <b>Ayush Raj</b></h2>
</div>
</div>
<div class="w3-container">
<p><i class="fa fa-briefcase fa-fw w3-margin-right w3-large w3-text-teal"></i>Programmer | Developer |
3★ coder
</p>
<p><i class="fa fa-home fa-fw w3-margin-right w3-large w3-text-teal"></i>Bangalore, India</p>
<p><i class="fa fa-envelope fa-fw w3-margin-right w3-large w3-text-teal"></i>[email protected]</p>
<!-- <p><i class="fa fa-phone fa-fw w3-margin-right w3-large w3-text-teal"></i></p> -->
<hr>
<p class="w3-large"><b><i class="fa fa-asterisk fa-fw w3-margin-right w3-text-teal"></i>Skills</b></p>
<p>Frontend Development</p>
<div class="w3-light-grey w3-round-xlarge w3-small">
<div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:90%">90%</div>
</div>
<p>Web Scrapping</p>
<div class="w3-light-grey w3-round-xlarge w3-small">
<div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:80%">
<div class="w3-center w3-text-white">80%</div>
</div>
</div>
<p>Python Development</p>
<div class="w3-light-grey w3-round-xlarge w3-small">
<div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:75%">75%</div>
</div>
<p>Flask Development</p>
<div class="w3-light-grey w3-round-xlarge w3-small">
<div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:70%">70%</div>
</div>
<p>Management</p>
<div class="w3-light-grey w3-round-xlarge w3-small">
<div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:50%">50%</div>
</div>
<br>
<p class="w3-large w3-text-theme"><b><i
class="fa fa-globe fa-fw w3-margin-right w3-text-teal"></i>Languages</b></p>
<p>English</p>
<div class="w3-light-grey w3-round-xlarge">
<div class="w3-round-xlarge w3-teal" style="height:24px;width:100%"></div>
</div>
<p>Hindi</p>
<div class="w3-light-grey w3-round-xlarge">
<div class="w3-round-xlarge w3-teal" style="height:24px;width:100%"></div>
</div>
<!-- <p>German</p>
<div class="w3-light-grey w3-round-xlarge">
<div class="w3-round-xlarge w3-teal" style="height:24px;width:25%"></div>
</div> -->
<br>
</div>
</div><br>
<!-- End Left Column -->
</div>
<!-- Right Column -->
<div class="w3-twothird">
<div class="w3-container w3-card w3-white w3-margin-bottom">
<h2 class="w3-text-grey w3-padding-16"><i
class="fa fa-suitcase fa-fw w3-margin-right w3-xxlarge w3-text-teal"></i>Project Experience</h2>
<div class="w3-container">
<h5 class="w3-opacity"><b>Personl Chat Assistance</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>Oct 2021 - <span
class="w3-tag w3-green w3-round">Current</span></h6>
<p>I done this project using Python.<br> I have used Flask Development and Web Scrapping.<br></p>
<hr>
</div>
<div class="w3-container">
<h5 class="w3-opacity"><b>E - Commerce</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>Oct 2021 - <span
class="w3-tag w3-red w3-round">Working</span></h6>
<p>I'm working on this project. <br>A simple static and responsive E-Commerce Web-Application.<br></p>
<hr>
</div>
<div class="w3-container">
<h5 class="w3-opacity"><b>Blogging Website | AR-BLOG
</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>May 2021</h6>
<p>It is a simple static, responsive Blogging website template.<br>I have used:-<br>1. HTML5<br>2.
CSS3<br>3. Javascript<br>4. Bootstrap<br>5. Tailwind CSS</p>
<hr>
</div>
<div class="w3-container">
<h5 class="w3-opacity"><b>Fantasy Cricket Game</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>Sep 2021</h6>
<p>It is a small game based on Cricket.<br>I have used Python for logic, sqlite for database management<br>and pyqt for graphical user interface (GUI).</p><br>
</div>
<div class="w3-display-container w3-card w3-white">
<h2 class="w3-text-grey w3-padding-16"><i
class="fa fa-certificate fa-fw w3-margin-right w3-xxlarge w3-text-teal"></i>Education</h2>
<div class="w3-container">
<h5 class="w3-opacity"><b>Jain (Deemed-to-be University)</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>2021-2024</h6>
<p>B-Tech in Computer Science and Engineering.</p>
<hr>
</div>
<div class="w3-container">
<h5 class="w3-opacity"><b>Doon SR. SEC. School</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>2018-2020</h6>
<p>CBSE<br>Higher School Certification(12th)</p>
<hr>
</div>
<div class="w3-container">
<h5 class="w3-opacity"><b>Doon SR. SEC. School</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>2017-2018</h6>
<p>CBSE<br>Secondary School Certificate(10th).</p><br>
</div>
</div>
<!-- End Right Column -->
</div>
<!-- End Grid -->
</div>
<!-- End Page Container -->
</div>
<footer class="w3-container w3-teal w3-center w3-margin-top">
<p>Find me on social media.</p>
<a href="https://www.instagram.com/ayush__raj__000/?hl=en">
<i class="fa fa-instagram w3-hover-opacity"></i></a>
<a href="https://www.linkedin.com/in/ayush-raj-43299b1b3/">
<i class="fa fa-linkedin w3-hover-opacity"></i></a>
<a href="https://github.com/ayushraj000">
<i class="fa fa-github w3-hover-opacity"></i></a>
<p>Made by: Ayush Raj</p>
</footer>
</body>
</html>