-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportofolio
131 lines (126 loc) · 3.78 KB
/
portofolio
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Student Portfolio</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
color: #333;
margin: 0;
padding: 0;
}
header {
background-color: #e4007c;
color: white;
padding: 10px 0;
text-align: center;
}
.container {
width: 80%;
margin: auto;
overflow: hidden;
}
nav ul {
padding: 0;
list-style: none;
text-align: center;
}
nav ul li {
display: inline;
padding: 10px;
}
nav ul li a {
color: white;
text-decoration: none;
font-size: 18px;
}
section {
padding: 20px;
background-color: white;
margin-top: 10px;
}
footer {
background-color: #e4007c;
color: white;
text-align: center;
padding: 10px;
margin-top: 20px;
}
.profile-pic {
width: 200px;
height: 200px;
border-radius: 50%;
}
.skills ul {
list-style-type: none;
padding: 0;
}
.skills ul li {
display: inline;
background-color: #0073e6;
color: white;
padding: 5px 10px;
border-radius: 5px;
margin-right: 5px;
}
</style>
</head>
<body>
<header>
<div class="container">
<h1>PENTYALA.SANNIHITHA</h1>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</div>
</header>
<section class="container">
<h2>About Me</h2>
<img src="C:\Users\91903\OneDrive\Pictures\IMG_20221013_202044.jpg" alt="Profile Picture" class="profile-pic">
<p>Hello! I'm P.SANNIHITHA, a dedicated student pursuing a B.Tech at Vignan
University. I'm passionate about Web Applications. Through my coursework
and extracurricular activities, I've developed strong skills in HTML,
CSS, and JavaScript. I'm eager to apply my knowledge and enthusiasm to
Web development and make a positive impact in my field in .
</p>
</section>
<section class="container">
<h2>Skills</h2>
<div class="skills">
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>Python</li>
<li>Java</li>
</ul>
</div>
</section>
<section class="container">
<h2>Projects</h2>
<ul>
<li><strong>Portfolio Website:</strong> A personal website to showcase my skills and projects.</li>
<li><strong>Todo App:</strong> A simple todo application built using JavaScript to manage daily tasks.</li>
<li><strong>Data Analysis Project:</strong> A Python project that analyzes and visualizes data for insights.</li>
</ul>
</section>
<section class="container">
<h2>Contact</h2>
<p>Email: [email protected]</p>
<p>Phone: 9030477905</p>
<p>LinkedIn: <a href="#">linkedin.com/in/johndoe</a></p>
</section>
<footer>
<p>© 2024 sannihitha. All rights reserved.</p>
</footer>
</body>
</html>