-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
114 lines (89 loc) · 4.2 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content=" width=device-width, initial-scale=1.0">
<title>Personal Portfolio</title>
</head>
<link rel ="stylesheet" href="style.css">
<script src="index.js"></script>
<body>
<div class="fixnav">
<!-- Might use the clock timer somewhere else sometime -->
<!-- <div class="firsthead"> -->
<!-- <div class="container1">
<header><strong>無限の彼方へ! </strong></header>
</div> -->
<!-- <div class="time">
<div id = "clock" onload="currentTime()"></div>
<div id ="date"></div>
</div> -->
<!-- </div> -->
<nav class="navbar">
<div id="navimage">
<img src="machine-learning-logo.png" height="40px" width="40px">
</div>
<div id="contentnav">
<div class="navcontent"><a href="#home">Home</a></div>
<div class="navcontent"><a href="#aboutme">About</a></div>
<div class="navcontent"><a href="#skills">Skills</a></div>
<div class="navcontent"><a href="#contactme">Contact </a></div>
</div>
</nav>
</div>
<i id="home"></i>
<section class="intromain">
<div class="intromain-content">
<center><h1 class="line3"><strong>Hi! I am Priyanshu Mishra </strong></h1>
<p class="line">-Machine Learning Enthusiast</p>
<p class="line">-Curious ardent learner</p>
<p class="line">-Aspiring Competitive Programmer </p></center>
</div>
<div class="intromain-image">
<img src="software-engineer.png" alt="image" height="160px" width="160px">
</div>
</section>
<section class="creative">
<br><br><br>
<center><img id="aboutme" src="imageedit_1_6356608706.png" height="350px" width="350px"></center>
<!-- <i id="aboutme"></i> -->
</section>
<section class="container2">
<br><br>
<center><h1 class="aboutme" >About Me</h1></center><br><br>
<center><p class="aboutmecont">Hello everyone, Priyanshu Mishra here.</p>
<p class="aboutmecont">I am currently in sophomore year of my major in Computer Science.</p>
<p class="aboutmecont">My domain of choice is Machine Learning and Big Data. </p></center>
<i id="skills"></i>
<br><br><br>
</section>
<section class="container3">
<!-- <center><div class="container2img"><img id="skills" src="platform.png" height="125px" width="125px"></div></center> -->
<br><br>
<center><h1 class="aboutme">Skills</h1></center><br><br>
<div class="imagesskills">
<div class="imagesdir"><img src="html-5.png" height="120px" width="120px"></div>
<div class="imagesdir" ><img src="c-.png" height="120px" width="120px"></div>
</div>
<br><br><br>
<div class="imagesskills">
<div class="imagesdir" ><img src="java-60-1174953.webp" height="120px" width="120px"></div>
<div class="imagesdir" ><img src="768px-Python.svg.png" height="120px" width="120px"></div>
</div>
<br><br><br><br><br><br><br><br>
<center><div class="contactimg"><img src="data-scientist.png" height="125px" width="125px"></div></center></section>
<section class="container4">
<br><br><br><br><br>
<center><a id="contactme"><h1 class="contact">Contact Me</Contact></h1></a></center><br><br>
<div class="imagescontact">
<div class="imagesdirc"><a href="https://github.com/priyanshu2112032"><img src="github.png" height="50px" width="50px"></a></div>
<div class="imagesdirc"><a href="https://www.instagram.com/purple.pudding/"><img src="instagram.png" height="50px" width="50px"></a></div>
<div class="imagesdirc"><a href="https://twitter.com/PPmishrAA"><img src="twitter.png" height="50px" width="50px"></a></div>
</div>
</section>
<footer class="footerdiv">
<center> <p class="footercontent">Copyright @priyanshu 2022</center>
</footer>
</body>
</html>