-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
167 lines (154 loc) · 7.76 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="assets/style.css">
<title>Simple Landing Page | By Sanket</title>
</head>
<body>
<div class="nav">
<nav id="navbar" class="nav">
<ul>
<li>
<a href="#welcome-section">
<span class="code"><</span>
Home
<span class="code">/></span>
</a>
</li>
<li>
<a href="#about">
<span class="code"><</span>
About
<span class="code">/></span>
</a>
</li>
<li>
<a href="#projects">
<span class="code"><</span>
Projects
<span class="code">/></span>
</a>
</li>
<li>
<a href="#contact">
<span class="code"><</span>
Contact
<span class="code">/></span>
</a>
</li>
</ul>
</nav>
</div>
<section id="welcome-section">
<div>
<h1>Hello<span>,</span></h1>
<p id="subheading">I'm <span>Sanket</span></p>
</div>
<div>
<img class="welcome-img" id="desktop-only" src="https://raw.githubusercontent.com/sfoteini/responsive-web-design-freeCodeCamp/fb2b6eac8dfc8903983db91fbb491d134ba266e6/personal-portfolio/images/code-1.svg" alt="A code snippet in C language">
<img class="welcome-img" id="mobile-only" src="https://raw.githubusercontent.com/sfoteini/responsive-web-design-freeCodeCamp/fb2b6eac8dfc8903983db91fbb491d134ba266e6/personal-portfolio/images/code-2.svg" alt="A code snippet in C language">
</div>
</section>
<section id="about">
<h2>My Story as a Software Engineering Student:</h2>
<div id="about-container">
<div id="my-story">
<p>My journey as a software engineering student has been a riveting adventure, marked by a fervent exploration of code and creativity. From my initial foray into programming, where the allure of transforming concepts into functional code ignited my curiosity, to the expansive landscape of academic challenges, internships, and personal projects, every chapter has contributed to my growth. Engaging in rigorous coursework, collaborative projects, and real-world internships provided invaluable insights into the dynamic realm of software development, refining my coding skills and emphasizing the importance of teamwork. Personal projects, serving as my canvas for innovation, allowed me to express creativity and experiment with emerging technologies, fostering a deep appreciation for continuous learning. Throughout this narrative, challenges emerged as opportunities for growth, transforming debugging sessions and setbacks into catalysts for improvement. As I approach the culmination of my academic journey, I am not just equipped with technical proficiency but also with a profound passion for the art of software engineering. Looking ahead, I am excited about the limitless possibilities for contribution and evolution in this ever-dynamic field, eagerly anticipating the next chapters that will shape my trajectory as a software engineer.</p>
</div>
<div id="interests-list">
<h3>Interests</h3>
<ul>
<li>Programming</li>
<li>Editing</li>
<li>App & Web Development</li>
<li>Machine Learning</li>
</ul>
</div>
</div>
</section>
<section id="projects">
<h2>My Work:</h2>
<p>Here's a list of projects that I built as a part of Internship</p>
<div class="projects-grid">
<div class="card">
<div class="project-img">
<img src="https://static.jobscan.co/blog/uploads/resume-builder-examples.png?raw=true" alt="tribute page">
</div>
<div class="desc">
<h3 class="project-tile">
<a href="https://github.com/sanket-santoki/CodeClauseInternship_Resume_Builder" target="_blank">Resume Builder</a>
</h3>
<p>Craft your professional resume seamlessly with this HTML, CSS, Bootstrap, and JavaScript-powered Resume Builder App. Download your standout resume effortlessly!</p>
</div>
</div>
<div class="card">
<div class="project-img">
<img src="https://res.cloudinary.com/practicaldev/image/fetch/s--MVzl5uWw--/c_imagga_scale,f_auto,fl_progressive,h_900,q_auto,w_1600/https://dev-to-uploads.s3.amazonaws.com/i/2mn77fzf4sg6g8i08wv6.png?raw=true" alt="survey form">
</div>
<div class="desc">
<h3 class="project-tile">
<a href="https://github.com/sanket-santoki/CodeClauseInternship_WeatherApp" target="_blank">Weather App</a>
</h3>
<p>Experience real-time weather updates with our sleek Weather App. Built with HTML, CSS, Bootstrap, and JavaScript, it offers automatic location detection for tailored forecasts. Stay informed seamlessly. Developed during an internship at CodeClause.</p>
</div>
</div>
<div class="card">
<div class="project-img">
<img src="https://e7.pngegg.com/pngimages/23/300/png-clipart-landing-page-graphic-design-design-infographic-text.png?raw=true" alt="product landing page">
</div>
<div class="desc">
<h3 class="project-tile">
<a href="https://github.com/sanket-santoki/CODSOFT_Intern_Simple_LandingPage" target="_blank">Product Landing Page</a>
</h3>
<p>As part of the CODSOFT internship project, I have created a simple and elegant landing page that serves as my personal portfolio. This landing page is designed using HTML and CSS to showcase information about me, my interests, and the projects I have worked on.</p>
</div>
</div>
<div class="card">
<div class="project-img">
<img src="https://upload.wikimedia.org/wikipedia/commons/d/dc/Portfolio.hu_full_logo.png?raw=true" alt="technical documentation page">
</div>
<div class="desc">
<h3 class="project-tile">
<a href="https://github.com/sanket-santoki/CODSOFT_Intern_Portfolio" target="_blank">Personal Portfolio</a>
</h3>
<p>Explore my software engineering journey on this portfolio. Crafted with HTML, CSS, Bootstrap, and JavaScript for a sleek and interactive experience. Discover my projects, skills, and passion for coding.</p>
</div>
</div>
<div class="card">
<div class="project-img">
<img src="https://learn.g2.com/hubfs/G2CM_FI651_Learn_Article_Images-%5BFile_sharing%5D_V1b.png?raw=true" alt="personal portfolio">
</div>
<div class="desc">
<h3 class="project-tile">
<a href="https://github.com/sanket-santoki/CodeClauseInternship_File_Sharing_by_Link" target="_blank">File Sharing App</a>
</h3>
<p>Efficient file sharing app crafted with HTML, CSS, Bootstrap, and JavaScript. Streamlined user interface, responsive design, and enhanced functionality for seamless sharing via secure links. Elevate your file sharing experience with this web application.</p>
</div>
</div>
</div>
</section>
<section id="contact">
<h2>Let's work together</h2>
<p>Find me on</p>
<div class="contact-links">
<a href="https://www.linkedin.com/in/sanket-santoki" target="_blank" class="contact-details">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/81/LinkedIn_icon.svg/768px-LinkedIn_icon.svg.png" alt="linkedin logo" class="contact-icon">LinkedIn
</a>
<a href="https://github.com/sanket-santoki" target="_blank" class="contact-details">
<img src="https://seeklogo.com/images/G/github-logo-2E3852456C-seeklogo.com.png" alt="github logo" class="contact-icon">GitHub
</a>
</div>
</section>
<footer>
<p>
<span class="code"><</span>
<span class="code">/></span>
with
<span class="heart"></span>
by Sanket
</p>
</footer>
</body>
</html>