-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
148 lines (139 loc) · 5.9 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Portfolio</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
</head>
<body>
<body style = "background-color: powderblue"></body>
<nav class="scroll-button">
<a href="#home"><i class="fas fa-arrow-up"></i></a>
</nav>
<header>
<h1>My Portfolio</h1>
<nav>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#Projects">Projects</a></li>
<li><a href="#Skill">Skill</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<main>
<section id="About">
<br>
<h2>About Me</h2>
<br>
<p> My self Pranali Subhash Suryawanshi I'm Pursuing B.Tech in computer Science at Annasaheb Dange college of Engineering and Technology,sangli. A part from that I have completed Courses and attende workshop on ML and Artificial Intelligence.Outside my regular developer routine, I enjoy listening to music, gaming or reading about space and technology.
</p>
</section>
<br><br>
<section id="Projects">
<h2>Projects</h2>
<br>
<ul>
<li>
<a href="#">Currency Converter</a>
<p>Currency converter (or currency exchange) is a mini project coded in Java programming language. This simple application provides a web-based interface for exchanging/converting money from one currency (say $) to another currency (say €). These currency converters are commonly accessed for free on the Internet, and they can swiftly convert the value of one currency to another, such as dollars to peso or peso to pounds, and back.</p>
<p>Language Used - JAVA</p>
</li>
<br><br>
<li>
<a href="#">Alarm Clock</a>
<p>This project requires good knowledge of Python and GUI (Graphic User Interface). By combining Python and Tkinter, you can create GUI applications quickly and easily. Tkinter provides a powerful object-oriented interface to the Tk GUI toolkit. All modules used do not need to be pre-downloaded like other libraries such as NumPy, making this project easy to use and accessible in any virtual environment used for Python programming.</p>
<p>Language Used - PYTHON</p>
</li>
<br><br>
<li>
<a href="#">Unit Converter</a>
<p>A unit converter website using HTML, CSS, and JavaScript is a useful tool for anyone who needs to convert measurements between different units, such as distance, weight, temperature, or volume..</p>
<p>Language Used - HTML, CSS, JAVA SCRIPT</p>
</li>
<br><br>
<li>
<a href="#">Tic Tac Toe</a>
<p>Tic Tac Toe is a classic two-player game played on a 3x3 grid. The players take turns marking spaces with X or O, with the goal of getting three in a row horizontally, vertically, or diagonally. The player who succeeds in placing three of their marks in a row wins the game. If all spaces are marked and no player has won, the game ends in a tie..</p>
<p>Language Used - PYTHON</p>
</li>
<br><br>
</ul>
<section id="Skill">
<br><br>
<h2>Skill</h2>
<br><br>
<div class="content">
<div class="title"><span>My Skills</span></div>
<div class="skills-details">
<br><br>
<p></p>
</div>
</div>
<div class="boxes">
<div class="box">
<div class="topic">HTML</div>
<div class="per">90%</div>
</div>
<br><br>
<div class="box">
<div class="topic">CSS</div>
<div class="per">80%</div>
</div>
<br><br>
<div class="box">
<div class="topic">JavScript</div>
<div class="per">70%</div>
</div>
<br><br>
<div class="box">
<div class="topic">PHP</div>
<div class="per">60%</div>
</div>
<br><br>
<div class="box">
<div class="topic">Python</div>
<div class="per">70%</div>
</div>
<br><br>
<div class="box">
<div class="topic">C</div>
<div class="per">70%</div>
</div>
<br><br>
<div class="box">
<div class="topic">C++</div>
<div class="per">70%</div>
</div>
<br><br>
</div>
</div>
</div>
</section>
<p></p>
</section>
</section>
<section id="contact">
<h2>Contact Me</h2>
<br><br>
<form>
<label for="name">Name:</label>
<input type="text" id="name" name="name">
<br><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email">
<br><br>
<label for="message">Message:</label>
<input type="text" size ="17"></input>
<br><br>
<br><br>
<input type="submit" value="Send" size ="30"></input>
</form>
</section>
</main>
<button onclick="scrollToTop()" id="scrollBtn">Scroll to Top</button>
<script src="script.js"></script>
</body>
</html>