<!doctype html>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
<title>Mansi Mandal portfolio</title>
I am Mansi Mandal.
</div>
</div>
<nav>
<button type="button" class="btn btn-outline-dark" style=" margin: 15px;"> <a href="project1.html" style=" text-decoration: none;">HOME</a></button>
<button type="button" class="btn btn-outline-dark" style=" margin: 15px;"> <a href="#profile" style=" text-decoration: none;">PROFILE</a></button>
<button type="button" class="btn btn-outline-dark" style=" margin: 15px;"> <a href="#s" style=" text-decoration: none;">SKILLS</a></button>
<button type="button" class="btn btn-outline-dark" style=" margin: 15px;"> <a href="#contact" style=" text-decoration: none;">Contact</a></button>
</nav>
<h1 style=" text-align: center; margin-top: 25px; font-size: 100px; font-family: Georgia, 'Times New Roman', Times, serif;">MANSI MANDAL</h1>
<div class="container-sm" >
</div>
</div>
<a id="profile">
My name is Mansi Mandal. i am currently persuing Bachelor's of Technology in Mechanical and Automation Engineering from Indira Gandhi Delhi Technical University for Women. I am Mentee at LEANIN IGDTUW
- Learning new things/ Exploring
- Paiting and Drawing
</ul>
</div>
<div class="col align-self-end">
<h1 style="font-family: sans-serif;margin-left: 50px; "> EDUCATION</h1>
<ul class="list-group list-group-flush" style="margin-left: 25px; font-style: oblique;">
<li class="list-group-item">BTech. MAE from IGDTUW ( 2020-2024)</li>
</li>
<li class="list-group-item">Higher Secondary Education from RPVV( completed in 2020)</li>
</li>
</div>
</div>
</div></a>
<div class="container-md">
<div class="container">
<div class="row" style=" margin-right: 45px; margin-top: 50px; font-size: 25px;">
<div class="col align-self-center">
<h1 style="font-family: sans-serif; margin-left: 25px;"> SKILLS</h1>
<ul class="list-group list-group-flush" style="margin-left: 25px; font-style: oblique;">
<li class="list-group-item">HTML</li>
</li>
<li class="list-group-item">CSS</li>
<li class="list-group-item">BOOTSRAP</li>
</ul>
</div>
<div class="col align-self-end">
<a id="s">
<h1 style="font-family: sans-serif; margin-left: 25px;"> PROJECTS</h1>
<ul class="list-group list-group-flush" style="margin-left: 25px; font-style: oblique;">
<li class="list-group-item"> <a href="sportspage.html" style=" text-decoration: none;"> SPORTS WEB PAGE</a></li>
<li class="list-group-item"><a href="project1.html" Style=" text-decoration:none;"> SELF PORTFOLIO </a></li>
</ul>
</div>
</div>
</div>
</div></a>
<div class="container-md">
<div class="container">
<div class="row" style=" margin-right: 45px; margin-top: 50px; font-size: 25px;">
<div class="col align-self-center">
<h1 style="font-family: sans-serif; margin-left: 25px;"> VOLUNTEER</h1>
<ul class="list-group list-group-flush" style="margin-left: 25px; font-style: oblique;">
<li class="list-group-item"> NSS VOLUNTEER (2018-20)</li>
<li class="list-group-item">NCC CADET(2016-18)<li>
</ul>
</a>
</div>
</div>
</div>
</div>
<a id="contact">
<div class="card bg-dark text-white">
<img src="https://i.pinimg.com/originals/cc/c7/83/ccc783f6aa24b72ece1cf3b4439e1210.jpg" class="card-img" alt="..." width="100%">
<div class="card-img-overlay">
<h5 class="card-title" style=" text-align: center; font-size: 50px;">CONTACT</h5>
<nav style="float: right; font-size: 100px;">
<button type="button" class="btn btn-outline-dark-lg" style=" margin: 15px; ">
<a href="https://www.linkedin.com/in/mansi-mandal-925680202" style="text-decoration: none; font-size: 50px ; color: beige;">linkedin </a></button>
</button>
<button type="button" class="btn btn-outline-dark-lg" style=" margin: 15px; font-size: 50px;">
<a href="https://www.facebook.com/mansi.mandal.98499" style="text-decoration: none; font-size: 50px; color: beige;"> Facebook</a></button>
<button type="button" class="btn btn-outline-dark-lg" style=" margin: 15px; font-size: 50px; color: beige;">
<a href="https://www.instagram.com/mansi_mandal_/" style="text-decoration: none; color: beige;">Instagram</a >
</nav>
</div>
</div></a>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.1/dist/umd/popper.min.js" integrity="sha384-SR1sx49pcuLnqZUnnPwx6FCym0wLsk5JZuNx2bPPENzswTNFaQU1RDvt3wT4gWFG" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.min.js" integrity="sha384-j0CNLUeiqtyaRmlzUHCPZ+Gy5fQu0dQ6eZ/xAww941Ai1SxSY+0EQqNXNE6DZiVc" crossorigin="anonymous"></script>
-->