-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
197 lines (159 loc) · 8.04 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
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--font awesome-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="stylep.css">
<title> Personal Portfolio</title>
</head>
<body>
< class="scroll-bar">
<!--Header-->
<header class="header">
<a href="#" class="logo">Portfolio</a>
<i class="fa-solid fa-bars" id="menu-icon"></i>
<nav class="navbar">
<a href="#home" class="active">Home</a>
<a href="#about" >About</a>
<a href="#skill" >Skill</a>
<a href="#myproject" >My Project</a>
<a href="#contact" >Contact</a>
</nav>
</header>
<!--Homw Section-->
<section class="home" id="home">
<div class="home-content">
<h3>Hi, Myself</h3>
<h1>Samiksha Pandagle</h1>
<h3>And I'm a <span> Student</span></h3>
<p>a motivated and enthusiastic engineering student at MGM College of Engineering and Technology. I'm currently pursuing a degree in Computer Science and Engineering, and I'm passionate about using technology to solve real-world problems.</p>
</div>
<div class="home-img">
<img src="img.jpg" alt="">
</div>
</section>
<!--About Section-->
<section class="about" id="about">
<div class="about-img">
<img src="profile.png" alt="">
</div>
<div class="about-content">
<h2 class="heading">ABOUT <span>Me</span></h2>
<h3>web-developer</h3>
<p>Throughout my academic career, I have gained experience in a variety of programming languages, including HTML, CSS, JavaScript, and Python. I'm particularly interested in frontend development and user experience design, and I enjoy creating intuitive and engaging interfaces that are both functional and visually appealing.
<br>
In addition to my technical skills, I am an effective communicator and team player, with strong problem-solving and analytical skills. I'm always eager to learn new things and take on new challenges, and I believe that collaboration and innovation are key to success in any field.</p>
<a href="#" class="btn">Download CV</a>
</div>
</section>
<!-- skills Section> -->
<section class="skill" id="skill">
<div class="skill-content">
<h2 class="skill-heading">My<span>skills</span></h2>
<div class="technical-bars">
<div class="skill-bar"><i class="fa-brands fa-html5"></i>
<span>HTML</span>
<div class="progress-line html">
<span></span>
</div>
</div>
<div class="technical-bars">
<div class="skill-bar"><i class="fa-brands fa-css3-alt"></i>
<span>CSS</span>
<div class="progress-line css">
<span></span>
</div>
</div>
<div class="technical-bars">
<div class="skill-bar"><i class="fa-brands fa-js"></i>
<span>JavaScript</span>
<div class="progress-line javascript">
<span></span>
</div>
</div>
<div class="technical-bars">
<div class="skill-bar"><i class="fa-brands fa-figma"></i>
<span>Figma</span>
<div class="progress-line figma">
<span></span>
</div>
</div>
<div class="technical-bars">
<div class="skill-bar"><i class="fa-solid fa-database"></i>
<span>SQL</span>
<div class="progress-line sql">
<span></span>
</div>
</div>
</div>
</section>
<!-- My-Project Section-->
<section class="myproject" id="myproject">
<h2 class="heading">My<span> Project</span></h2>
<div class="myproject-container">
<div class="myproject-box">
<i class="fa-solid fa-code"></i>
<h3>Digital Library</h3>
<p> Digital Library project is a valuable resource for students, researchers, and anyone interested in accessing high-quality digital resources in a convenient and user-friendly way. By providing a centralized platform for digital resources, the project helps to promote knowledge sharing, collaboration, and innovation.</p>
<a href="https://github.com/samikshapandagle/Digital-library.git" class="btn">Read More</a>
</div>
<div class="myproject-box">
<i class="fa-solid fa-code"></i>
<h3>TO-Do list</h3>
<p> To-Do List project is a useful tool for anyone looking to stay organized and on top of their daily tasks. Its simple and intuitive design makes it easy to use, while its powerful features make it a valuable addition to any productivity toolkit.!</p>
<a href="https://github.com/samikshapandagle/codesoft_taskno-1..git" class="btn">Read More</a>
</div>
<div class="myproject-box">
<i class="fa-brands fa-python"></i>
<h3>GIF-Creator</h3>
<p>GIF-creator is a fun and easy-to-use application that allows users to create custom animated GIFs using their own images. The application's intuitive interface and customizable settings make it a great tool for anyone looking to create engaging and dynamic visual content.</p>
<a href="https://github.com/samikshapandagle/GIF-Creator-.git" class="btn">Read More</a>
</div>
<div class="myproject-box">
<i class="fa-brands fa-python"></i>
<h3>AddressBook</h3>
<p>Address Book project is a great example of how Python can be used to build simple yet powerful applications that solve real-world problems.</p>
<a href="https://github.com/samikshapandagle/AddressBook-Python.git" class="btn">Read More</a>
</div>
</div>
</section>
<!--contact Section-->
<section class="contact" id="contact">
<h2 class="heding">Contact <span>Me</span></h2>
<form action="#">
<div class="input-box">
<input type="text" placeholder="Full Name">
<input type="email" placeholder="Email Addres">
</div>
<div class="input-box">
<input type="text" placeholder="Mobile Number">
<input type="text" placeholder="Email Sujectb">
</div>
<textarea name="" id="" cols="30" rows="10" placeholder="Your Message"></textarea>
<input type="Submit" value="Send Message" class="btn">
</form>
</section>
<!--FOOTER Section-->
<footer class="footer">
<center></center><div class="footer-txt">
<p> created by samiksha</p>
<a href="#" class="linkedin">
<i class="fa-brands fa-linkedin"></i></a>
<a href="https://github.com/samikshapandagle" class="git-hub">
<i class="fa-brands fa-github"></i>
</a>
<a href=https://mail.google.com/mail/u/0/?tab=rm&ogbl#inbox?compose=new" class="gmail">
<i class="fa-brands fa-google"></i>
</a>
</div>
<div class="tet=iconTop">
<a href="#home"><i class="fa-solid fa-angle-up"></i></a>
</div>
</footer>
<script src="https://unpkg.com/scrollreveal"></script>
<script src="https://unpkg.com/typed.js@2.1.0/dist/typed.umd.js"></script>
<script src="main.js"></script>
</body>
</html>