Skip to content

Commit

Permalink
commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@ayan-joshi
ayan-joshi committed Jul 18, 2024
1 parent 10bd6c5 commit 64b2587
Show file tree
Hide file tree
Showing 3 changed files with 78 additions and 37 deletions.
27 changes: 26 additions & 1 deletion assets/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -198,4 +198,29 @@ img {
background-color: var(--color-base);
border-radius: 100px;
font-size: 24px;
}
}


.projects-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px; /* Adjust gap as needed */
}

.col-md-6 {
flex: 1 1 45%; /* Adjust the percentage as needed to fit your design */
box-sizing: border-box;
max-width: 100%;
}

.card-custom {
height: 100%; /* Ensure cards take up the full height available */
display: flex;
flex-direction: column;
justify-content: space-between;
}

.card-custom-content {
flex-grow: 1;
}
Binary file added assets/images/project-4.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
88 changes: 52 additions & 36 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@
<h1 class="display-4 fw-bold" data-aos="fade-up">I'M <span class="text-brand">AYAN JOSHI</span></h1>
<h4>I'm a Software Engineer, from India who loves to explore new technologies and leverage them to solve real-life problems.</h4>
<div data-aos="fade-up" data-aos-delay="600">
<a href="#work" class="btn btn-brand me-3">Explore My Work</a>
<a href="https://drive.google.com/file/d/12KhvQjAk4ffZta9A3J0wYlWeWSxiW6wO/view?usp=drive_link" class="btn btn-brand me-3">Resume</a>
<a href="#" class="link-custom">Call: 7276079913</a>
</div>
</div>
Expand Down Expand Up @@ -136,47 +136,63 @@ <h1>My Recent Projects</h1>

<div class="row gy-4">

<div class="col-md-6" data-aos="fade-up">
<div class="card-custom rounded-4 bg-base shadow-effect">
<div class="card-custom-image rounded-4">
<img class="rounded-4" src="./assets/images/project-1.jpg" alt="">


<div class="projects-container d-flex flex-wrap justify-content-center">
<div class="col-md-6" data-aos="fade-up">
<div class="card-custom rounded-4 bg-base shadow-effect">
<div class="card-custom-image rounded-4">
<img class="rounded-4" src="./assets/images/project-1.jpg" alt="">
</div>
<div class="card-custom-content p-4">
<a href="https://github.com/ayan-joshi/objectdetector" class="text-brand mb-2">Object Detector</a>
<p>An object detector Python project is a computer vision application that is able to identify and locate objects within an image or video stream.</p>
<p>Techstack: Python, OpenCV, Numpy, GUI</p>
</div>
</div>
<div class="card-custom-content p-4">
<a href="https://github.com/ayan-joshi/objectdetector" class="text-brand mb-2" >Object Detector</a>
<p>An object detector Python project is a computer vision application that is able to identify and locate objects within an image or video stream</p>
<p>Techstack: Python, openCv, Numpy, GUI</p>
</div>

<div class="col-md-6" data-aos="fade-up" data-aos-delay="300">
<div class="card-custom rounded-4 bg-base shadow-effect">
<div class="card-custom-image rounded-4">
<img class="rounded-4" src="./assets/images/project-2.png" alt="">
</div>
<div class="card-custom-content p-4">
<a href="https://github.com/ayan-joshi/Sorting-Visualizer" class="text-brand mb-2">Sorting Visualizer</a>
<p>The Sorting Visualizer is a basic web application that allows you to visualize the process of sorting on a set of randomly generated bars.</p>
<p>The added feature in the visualizer is the sound while visualizing.</p>
<p>Techstack: HTML, CSS, JavaScript</p>
</div>
</div>
</div>
</div>

<div class="col-md-6" data-aos="fade-up" data-aos-delay="300">
<div class="card-custom rounded-4 bg-base shadow-effect">
<div class="card-custom-image rounded-4">
<img class="rounded-4" src="./assets/images/project-2.png" alt="">

<div class="col-md-6" data-aos="fade-up">
<div class="card-custom rounded-4 bg-base shadow-effect">
<div class="card-custom-image rounded-4">
<img class="rounded-4" src="./assets/images/project-3.jpg" alt="">
</div>
<div class="card-custom-content p-4">
<a href="https://github.com/ayan-joshi/PRODO" class="text-brand mb-2">PRODO</a>
<p>Prodo, your go-to student productivity app! Prodo is designed to help students stay organized, focused, and productive.</p>
<p>Techstack: JavaScript, Firebase, jQuery, Bootstrap</p>
</div>
</div>
<div class="card-custom-content p-4">
<a href="https://github.com/ayan-joshi/Sorting-Visualizer" class="text-brand mb-2">Sorting Visualizer</a>
<p>The Sorting Visualizer is a basic web application that allows you to visualize the process of sorting on a set of randomly generated bars.</p>
<p>The added feature in the visualizer is the sound while visualizing.</p>
<p>Techstack: Html, Css, Javascript</p>
</div>

<div class="col-md-6" data-aos="fade-up">
<div class="card-custom rounded-4 bg-base shadow-effect">
<div class="card-custom-image rounded-4">
<img class="rounded-4" src="./assets/images/project-4.jpg" alt="">
</div>
<div class="card-custom-content p-4">
<a href="https://github.com/ayan-joshi/PRODO" class="text-brand mb-2">Policy-Clarity</a>
<p>PolicyClarity is a free and user-friendly platform designed to help users understand complex policies by providing simple and clear summaries.</p>
<p>Techstack: Python's FastAPI, React, Tailwind CSS, Generative AI</p>
</div>
</div>
</div>
          </div>

<div class="col-md-6" data-aos="fade-up">
<div class="card-custom rounded-4 bg-base shadow-effect">
<div class="card-custom-image rounded-4">
<img class="rounded-4" src="./assets/images/project-3.jpg" alt="">
</div>
<div class="card-custom-content p-4">
<a href="https://github.com/ayan-joshi/PRODO" class="text-brand mb-2" >PRODO</a>
<p>Prodo, your go-to student productivity app! Prodo is designed to help students stay organized, focused, and productive</p>
<p>Techstack: Javascript, Firebase, jQuery, Bootstrap</p>
</div>
</div>
</div>


</div>


</div>

Expand Down

0 comments on commit 64b2587

Please sign in to comment.