Skip to content

Commit

Permalink
modified the home and project component.
Browse files Browse the repository at this point in the history
  • Loading branch information
Nandan committed Sep 8, 2024
1 parent 4131782 commit 9850a64
Showing 1 changed file with 23 additions and 25 deletions.
48 changes: 23 additions & 25 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@

<body>

<nav class="navbar navbar-expand-sm navbar-dark bg-dark fixed-top">
<nav class="navbar navbar-expand-sm navbar-dark bg-dark fixed-top" style="position: relative;">
<div class="container-fluid">
<span class="navbar-brand">Portfolio</span>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
Expand All @@ -36,11 +36,11 @@

<!--------------------- Home Component -------------------------->

<div class="row bg-dark text-light p-3" style="position: relative;margin-top: 80px;margin-left: 10px; margin-right: 10px; border-radius: 10px;" id = 'home'>
<div class="col-sm-6">
<img class="img-thumbnail" src="./assets/pic.jpeg" alt="Card image" style="width: 300px; height: 350px; object-fit: cover; ">
<div class="row bg-dark text-light p-3" style="position: relative; top: 0.5px;" id = 'home'>
<div class="col-sm-3 p-2">
<img class="img-fluid img-thumbnail" src="./assets/pic.jpeg" alt="Card image" style="min-height: 350px; object-fit: cover; ">
</div>
<div class="col-sm-6">
<div class="col-sm-9 p-3 mt-3">
<h1 class="card-title">Nandan Yadav</h1>
<p class="card-text">Hi! My name is Nandan, and I am a Computer Science student. I know you came here to view my profile, and I appreciate that! I am also excited to share more about myself with you. Go ahead and follow the links above to learn more about me.</p>
<a href="mailto:[email protected]" class="btn btn-secondary" target="_blank">Email</a>
Expand All @@ -49,35 +49,33 @@ <h1 class="card-title">Nandan Yadav</h1>
</div>

<!--------------------- Projects Component -------------------------->
<div class="container-fluid bg-dark text-light p-3 " id="projects" style="margin-top: 30px; margin-left: 10px; margin-right: 10px; border-radius: 10px;">
<div class="container-fluid bg-dark text-light p-3 " id="projects" style="position: relative; top: 1px;">
<h1>Projects</h1>

<div class="d-flex flex-row overflow-auto p-2">

<div class="card bg-dark mx-2 " style="min-width: 300px; border-radius: 10px;">
<img src="./assets/Co2-project.jpg" class="card-img-top" style="height: 300px; border-radius: 10px; object-fit: cover;" alt="Co2 Prediction of vehicles ML project img">
<div class="card-body d-flex flex-column">
<h5 class="card-title">Co2 Prediction of Vehicles</h5>
<a target="_blank" href="https://github.com/Nandan-Yadav/Projects/blob/main/predictingCO2.ipynb" class="btn btn-secondary mt-auto">See More</a>
</div>
</div>


<div class="card bg-dark mx-2" style="min-width: 300px; border-radius: 10px;">
<img src="./assets/house-price-project.jpg" class="card-img-top" style="height: 300px; border-radius: 10px; object-fit: cover;" alt="house price prediction ML project img">
<div class="card-body d-flex flex-column">
<h5 class="card-title">House Price Prediction</h5>
<a target="_blank" href="https://github.com/Nandan-Yadav/Neuron-Lab-internship-projects/blob/main/House_Price_Prediction.ipynb" class="btn btn-secondary mt-auto">See More</a>
</div>
</div>

<div class="card bg-dark mx-2" style="min-width: 300px; border-radius: 10px;">
<img src="./assets/movies-recommendation-project.jpg" class="card-img-top" style="height: 300px; border-radius: 10px; object-fit: cover;" alt="movie recommendation system ML project img">
<div class="card-body d-flex flex-column">
<h5 class="card-title">Movie Recommendation System</h5>
<a target="_blank" href="https://github.com/Nandan-Yadav/Neuron-Lab-internship-projects/blob/main/movies_recomendation.ipynb" class="btn btn-secondary mt-auto">See More</a>
</div>
</div>

<div class="card bg-dark mx-2" style="min-width: 300px; border-radius: 10px;">
<img src="./assets/house-price-project.jpg" class="card-img-top" style="height: 300px; border-radius: 10px; object-fit: cover;" alt="house price prediction ML project img">
<div class="card-body d-flex flex-column">
<h5 class="card-title">House Price Prediction</h5>
<a target="_blank" href="https://github.com/Nandan-Yadav/Neuron-Lab-internship-projects/blob/main/House_Price_Prediction.ipynb" class="btn btn-secondary mt-auto">See More</a>
</div>
</div>

<div class="card bg-dark mx-2" style="min-width: 300px; border-radius: 10px;">
<img src="./assets/movies-recommendation-project.jpg" class="card-img-top" style="height: 300px; border-radius: 10px; object-fit: cover;" alt="movie recommendation system ML project img">
<div class="card-body d-flex flex-column">
<h5 class="card-title">Movie Recommendation System</h5>
<a target="_blank" href="https://github.com/Nandan-Yadav/Neuron-Lab-internship-projects/blob/main/movies_recomendation.ipynb" class="btn btn-secondary mt-auto">See More</a>
</div>
</div>

<div class="card bg-dark mx-2" style="min-width: 300px; border-radius: 10px;">
<img src="./assets/Rock-vs-Mine-project.jpg" class="card-img-top" style="height: 300px; border-radius: 10px; object-fit: cover;" alt="Rock vs Mine Classification ML Project img">
Expand All @@ -88,7 +86,7 @@ <h5 class="card-title">Rock Vs Mine Classification</h5>
</div>

</div>

</div>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
Expand Down

0 comments on commit 9850a64

Please sign in to comment.