-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
140 lines (113 loc) · 6.38 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
<!DOCTYPE html>
<HTML>
<head>
<title>PORTFOLIO</title>
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<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=Otomanopee+One&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="css/circle.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/>
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100&family=Libre+Baskerville:wght@700&display=swap" rel="stylesheet">
</head>
<body>
<header class="text-gray-600 body-font">
<div class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center">
<nav class="md:ml-auto md:mr-auto flex flex-wrap items-center text-base justify-center">
<a class="mr-5 hover:text-gray-900" href="blogs.html">Blogs</a>
<a class="mr-5 hover:text-gray-900" href="photo.html">Photography</a>
<a class="mr-5 hover:text-gray-900" href="RESUME-WPS Office.pdf">Resume</a>
</nav>
</div>
</header>
<div class="list">
<nav class="sm">
<ul>
<li><a href="https://www.instagram.com/srivastava.divi/"><i class="fab fa-instagram"></i><span>Instagram</span></a></li>
<li><a href="https://www.linkedin.com/in/divi-srivastava-946251200/"><i class="fab fa-linkedin-in"></i><span>Linkedin</span></a></li>
<li><a href="https://github.com/Divi2701"><i class="fab fa-github"></i><span>Github</span></a></li>
</ul>
</nav>
</div>
<div class="contain">
<div class="intro">
<div class="texting">
<p id="first"> Hi I'm Divi Srivastava</p>
<p id="second"> I am a student, enthusiast coder, full stack developer, blogger and ...( im hardly any of these teehee XD)</p>
</div>
<div class="pic">
<img src="edit3.png">
</div>
</div>
<div class="edu">
<h1 id="eduhead" style="text-align: center;">EDUCATION</h1 >
<ul class="a">
<li>Pursuing B.Tech in Department of Electronics and Telecommunications Engineering from Indian Institute of Engineering Science
and Technology, Shibpur </li>
<li>98% in 10th board examination(ICSE) in 2018</li>
<li>93.6% in 12th board examination(CBSE) in 2020</li>
</ul>
</div>
<div class="skills">
<h1 id="skillhd" style="text-align: center;">SKILLS</h1 >
<div class="blocks">
<div class="row d-flex mt-100">
<div class="col-md-6 ">
<div class="progress blue"> <span class="progress-left"> <span class="progress-bar"></span> </span> <span class="progress-right"> <span class="progress-bar"></span> </span>
<div class="progress-value">Java</div>
</div>
<div class="progress yellow"> <span class="progress-left"> <span class="progress-bar"></span> </span> <span class="progress-right"> <span class="progress-bar"></span> </span>
<div class="progress-value">HTML</div>
</div>
<div class="progress green"> <span class="progress-left"> <span class="progress-bar"></span> </span> <span class="progress-right"> <span class="progress-bar"></span> </span>
<div class="progress-value">CSS</div>
</div>
<div class="progress red"> <span class="progress-left"> <span class="progress-bar"></span> </span> <span class="progress-right"> <span class="progress-bar"></span> </span>
<div class="progress-value">javascript</div>
</div>
</div>
</div>
</div>
</div>
<div class="projects">
<div id="start"> <h1>PROJECTS</h1> </div>
<div class="prt1">
<div class="stry1">
<h1 style="color: rgb(7, 7, 109);"><strong>Breakout Ball Game</strong></h1>
<p>Breakout Ball game is a widely used game which was developed in the 1970s. Made this
super cool game using JAVA along with some of my friends</p>
<a href="https://www.crio.do/projects/java-breakout-game/?utm_source=blog-mnp" style="color: green;"><strong>PROJECT LINK </strong></a>
</div>
<div class="g1">
<img src="java.png">
</div>
</div>
<hr>
<div class="prt2">
<div class="g2">
<img src="ff3.jpg">
</div>
<div class="stry2">
<h1 style="color: rgb(7, 7, 109);"><strong>Companion App: A mental health tracker built using Flutter and Firebase</strong></h1>
<p>In this project, you will build a friendly mental health tracker
that helps its users get through their problems in an interesting way.
This app primarily being a Flutter-based app development project still has a great potential of using advanced Machine Learning</p>
<a href="https://www.crio.do/projects/flutter-companion-app/?utm_source=blog-mnp" style="color: green;"><strong>PROJECT LINK</strong></a>
</div>
</div>
</div>
</div>
<footer>
<div class="end">
<h1 id="ed1"> DIVI SRIVASTAVA</h1>
<p id="ed2">Kanpur, U.P, India</p>
<p id="ed3">+91 9628789149 | srivastava.divi@gmail.com</p>
<p id="ed4">© 2021 Divi Srivastava Portfolio</p>
</div>
</footer>
</body>
</HTML>