1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5<!-- This site is hosted on Netlify. Anyone can build and deploy a site 6 like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=31d75377-1817-4f07-8a2b-1f9cbc0f6c8d 7 Netlify hosting facts for this site: static/SSR served via Netlify Edge. --> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 9 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 10 11 <!-- Custom CSS --> 12 <link rel="stylesheet" href="./assets/css/style.css"> 13 <!-- Font Awesome --> 14 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" referrerpolicy="no-referrer" /> 15 <!-- Favicon --> 16 17 <title>Portfolio</title> 18</head> 19<body oncontextmenu="return false"> 20 21<!-- pre loader --> 22<!-- <div class="loader-container"> 23 <img draggable="false" src="./assets/images/preloader.gif" alt=""> 24</div> --> 25 26<!-- navbar starts --> 27<header> 28 <a href="/" class="logo"> Stuti</a> 29 30 <div id="menu" class="fas fa-bars"></div> 31 <nav class="navbar"> 32 <ul> 33 <li><a class="active" href="#home">Home</a></li> 34 <li><a href="#about">About</a></li> 35 <li><a href="#skills">Skills</a></li> 36 <li><a href="#education">Education</a></li> 37 <li><a href="#work">Work</a></li> 38 <li><a href="#contact">Contact</a></li> 39 </ul> 40 </nav> 41</header> 42<!-- navbar ends --> 43 44 45<!-- hero section starts --> 46<section class="home" id="home"> 47 <div id="particles-js"></div> 48 49 <div class="content"> 50 <h2>Hi There,<br/> I'm Stuti <span>Singh</span></h2> 51 <p>i am into <span class="typing-text"></span></p> 52 <a href="#about" class="btn"><span>About Me</span> 53 <i class="fas fa-arrow-circle-down"></i> 54 </a> 55 <div class="socials"> 56 <ul class="social-icons"> 57 <li><a class="linkedin" aria-label="LinkedIn" href="https://www.linkedin.com/in/stuti-kumari-357b22227" target="_blank"><i class="fab fa-linkedin"></i></a></li> 58 <li><a class="github" aria-label="GitHub" href="https://github.com/stutisingh20" target="_blank"><i class="fab fa-github"></i></a></li> 59 <li><a class="instagram" aria-label="Instagram" href="https://www.instagram.com/stuteee."><i class="fab fa-instagram" target="_blank"></i></a></li> 60 61 </ul> 62 </div> 63 </div> 64<div class="image"> 65 <img draggable="false" class="tilt" src="./assets/images/avatar.jpg" alt=""> 66</div> 67</section> 68<!-- hero section ends --> 69 70 71<!-- about section starts --> 72<section class="about" id="about"> 73 <h2 class="heading"><i class="fas fa-user-alt"></i> About <span>Me</span></h2> 74 75 <div class="row"> 76 77 <div class="image"> 78 <img draggable="false" class="tilt" src="./assets/images/me2.png" alt=""> 79 </div> 80 <div class="content"> 81 <h3>I'm Stuti</h3> 82 <span class="tag">Front-End Developer</span> 83 84 <p>I am a Front-End developer based in Delhi, India. 85 I am very passionate about improving my coding skills & developing applications & websites. 86 I build WebApps and Websites using Front-End Tools. 87 Working for myself to improve my skills. 88 </p> 89 90 <div class="box-container"> 91 <!-- <div class="box"> 92 <p><span> age: </span> 20</p> 93 <p><span> phone : </span> +91 XXX-XXX-XXXX</p> 94 </div> --> 95 <div class="box"> 96 <p><span> email : </span> [email protected]</p> 97 <p><span> place : </span> Delhi, India</p> 98 </div> 99 </div> 100 101 <div class="resumebtn"> 102 <a href="RESUME(stuti kumari).pdf" download="" class="btn"><span>Resume</span> 103 <i class="fas fa-chevron-right"></i> 104 </a> 105 </div> 106 107 </div> 108 </div> 109</section> 110<!-- about section ends --> 111 112<!-- skills section starts --> 113<section class="skills" id="skills"> 114 115 <h2 class="heading"><i class="fas fa-laptop-code"></i> Skills </h2> 116 117 <div class="container"> 118 <div class="row" id="skillsContainer"> 119 120 <!-- <div class="bar"> 121 <div class="info"> 122 <img src="https://img.icons8.com/color/48/000000/adobe-x
122d.png"/> 123 <span>AdobeXD</span> 124 </div> 125 </div> --> 126 127 </div> 128</div> 129</section> 130<!-- skills section ends --> 131 132 133<!-- education section starts --> 134<section class="education" id="education"> 135 136 <h1 class="heading"><i class="fas fa-graduation-cap"></i> My <span>Education</span></h1> 137 138 <p class="qoute">Education is not the learning of facts, but the training of the mind to think.</p> 139 140 <div class="box-container"> 141 142 <div class="box"> 143 144 <div class="content"> 145 <h3>Master's in Zoology (Hons.)</h3> 146 <p>Hans Raj College, Delhi University</p> 147 <h4>2020-2022</h4> 148 </div> 149 </div> 150 151 <div class="box"> 152 153 <div class="content"> 154 <h3>Bachelor's in Zoology (Hons.)</h3> 155 <p>Sri Venkateswara College, Delhi University</p> 156 <h4>2018-2020</h4> 157 </div> 158 </div> 159 160</div> 161</section> 162<!-- education section ends --> 163 164 165<!-- work project section starts --> 166<section class="work" id="work"> 167 168 <h2 class="heading"><i class="fas fa-laptop-code"></i> Projects <span>Made</span></h2> 169 170 <div class="box-container"> 171 172 <!-- <div class="box tilt"> 173 <img draggable="false" src="./assets/images/projects/portfolio1.PNG" alt="" /> 174 <div class="content"> 175 <div class="tag"> 176 <h3>Portfolio Website</h3> 177 </div> 178 <div class="desc"> 179 <p>Personal portfolio website. Don't need much info about it, just scroll down. You're here only!</p> 180 <div class="btns"> 181 <a href="#" class="btn" target="_blank"><i class="fas fa-eye"></i> View</a> 182 <a href="https://github.com/jigar-sable/Portfolio-Website" class="btn" target="_blank">Code <i class="fas fa-code"></i></a> 183 </div> 184 </div> 185 </div> 186 </div> --> 187 188</div> 189 190 191 192</section> 193<!-- work project section ends --> 194 195<!-- experience section starts --> 196 197<!-- experience section ends --> 198 199<!-- contact section starts --> 200<section class="contact" id="contact"> 201 202 <h2 class="heading"><i class="fas fa-headset"></i> Get in <span>Touch</span></h2> 203 204 <div class="container"> 205 <div class="content"> 206 <div class="image-box"> 207 <img draggable="false" src="./assets/images/contact1.png" alt=""> 208 </div> 209 <form id="contact-form" onsubmit="sendEmail(); reset(); return false;"> 210 211 <div class="form-group"> 212 <div class="field"> 213 <input type="text" name="name" placeholder="Name" id="name" required> 214 <i class='fas fa-user'></i> 215 </div> 216 <div class="field"> 217 <input type="text" name="email" placeholder="Email" id="email" required> 218 <i class='fas fa-envelope'></i> 219 </div> 220 <div class="field"> 221 <input type="text" name="phone" placeholder="Phone" id="phone"> 222 <i class='fas fa-phone-alt'></i> 223 </div> 224 <div class="message"> 225 <textarea placeholder="Message" name="message" id="message" required></textarea> 226 <i class="fas fa-comment-dots"></i> 227 </div> 228 </div> 229 <div class="button-area"> 230 <button type="submit"> 231 Submit <i class="fa fa-paper-plane"></i></button> 232 </div> 233 </form> 234 </div> 235 </div> 236</section> 237<!-- contact section ends --> 238 239 240<!-- footer section starts --> 241<section class="footer"> 242 243 <div class="box-container"> 244 245 <div class="box"> 246 <h3>Stuti's Portfolio</h3> 247 <p>Thank you for visiting my personal portfolio website. Connect with me over socials. <br/> <br/> </p> 248 <div class="share"> 249 <a href="https://www.linkedin.com/in/stuti-kumari-357b22227" class="fab fa-linkedin" aria-label="LinkedIn" target="_blank"></a> 250 <a href="https://github.com/stutisingh20" class="fab fa-github" aria-label="GitHub" target="_blank"></a> 251 </div> 252 </div> 253 254 <div class="box"> 255 <h3>quick links</h3> 256 <a href="#home"><i class="fas fa-chevron-circle-right"></i>
256 home</a> 257 <a href="#about"><i class="fas fa-chevron-circle-right"></i> about</a> 258 <a href="#skills"><i class="fas fa-chevron-circle-right"></i> skills</a> 259 <a href="#education"><i class="fas fa-chevron-circle-right"></i> education</a> 260 <a href="#work"><i class="fas fa-chevron-circle-right"></i> work</a> 261 262 </div> 263 264 <div class="box"> 265 <h3>contact info</h3> 266 <p> <i class="fas fa-phone"></i>+91 9354352321</p> 267 <p> <i class="fas fa-envelope"></i>[email protected]</p> 268 <p> <i class="fas fa-map-marked-alt"></i>Delhi, India</p> 269 <div class="share"> 270 271 <!-- <a href="https://www.linkedin.com/in/stuti-kumari-357b22227" class="fab fa-linkedin" aria-label="LinkedIn" target="_blank"></a> 272 <a href="https://github.com/stutisingh20" class="fab fa-github" aria-label="GitHub" target="_blank"></a> 273 --> 274 </div> 275 </div> 276 </div> 277 278 279</section> 280<!-- footer section ends --> 281 282 283<!-- scroll top btn --> 284<a href="#home" aria-label="ScrollTop" class="fas fa-angle-up" id="scroll-top"></a> 285<!-- scroll back to top --> 286 287 288<!-- ==== ALL MAJOR JAVASCRIPT CDNS STARTS ==== --> 289<!-- jquery cdn -->
290<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
290 291 292<!-- typed.js cdn -->
293<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.5/typed.min.js" integrity="sha512-1KbKusm/hAtkX5FScVR5G36wodIMnVd/aP04af06iyQTkD17szAMGNmxfNH+tEuFp3Og/P5G32L1qEC47CZbUQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
293 294 295<!-- particle.js links -->
296<script src="./assets/js/particles.min.js"></script>
vendor: 2 bytes, line 296
296
297<script src="./assets/js/app.js"></script>
297 298 299<!-- vanilla tilt.js links -->
300<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.7.0/vanilla-tilt.min.js" integrity="sha512-SttpKhJqONuBVxbRcuH0wezjuX+BoFoli0yPsnrAADcHsQMW8rkR84ItFHGIkPvhnlRnE2FaifDOUw+EltbuHg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
300 301 302<!-- scroll reveal anim -->
303<script src="https://unpkg.com/scrollreveal"></script>
303 304
305<script 306 type="text/javascript" 307 src="https://cdn.jsdelivr.net/npm/emailjs-com@3/dist/email.min.js" 308 ></script>
308 309 310<!-- ==== ALL MAJOR JAVASCRIPT CDNS ENDS ==== --> 311
312<script src="./assets/js/script.js"></script>
312 313
314<script src="https://smtpjs.com/v3/smtp.js"></script>
vendor: 2 bytes, line 314
314
315<script> 316 function sendEmail(){ 317 Email.send({ 318 Host : "smtp.gmail.com", 319 Username : "[email protected]", 320 Password : "96212B4B4996DED594A4D80D99C001A9051E", 321 To : '[email protected]', 322 From : document.getElementById("email").value, 323 Subject : "New contact form enjuiry", 324 Body : "Name:" + document.getElementById("name").value 325 +"<br> Email:" + document.getElementById("email").value 326 +"<br> Phone no:" + document.getElementById("phone").value 327 +"<br> Email:" + document.getElementById("message").value 328}).then( 329 message => alert("Message sent successfully") 330); 331 } 332</script>
332 333 334</body> 335</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.