Skip to content

Commit

Permalink
added memory matrix game to portfolio
Browse files Browse the repository at this point in the history
  • Loading branch information
@yassmittal
yassmittal committed Jan 13, 2024
1 parent fe549e0 commit 4ff42f4
Show file tree
Hide file tree
Showing 2 changed files with 50 additions and 114 deletions.
26 changes: 26 additions & 0 deletions allProjectsFile/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -42,6 +42,32 @@ <h2 class="section__title section__title--work">My work</h2>
These are My Whole Work Projects
</p>
<div class="portfolio">
<div class="MemoryMatrix">
<div class="image">
<a
href="../JavascriptProjects/MemoryMatrix/index.html"
target="_blank"
>
<img
src="../MainImages/ProjectsThumbnail.jpg"
alt="Project Img"
/>
</a>
</div>

<div class="about-project">
<h3 class="title-project">MemoryMatrix</h3>

<p class="description-project">
Made MemoryMatrix in Vanilla Javascript With some transitions
</p>
</div>

<div class="details">
<strong>Click</strong> on the image to see the demo
</div>
</div>

<div class="2048-game">
<div class="image">
<a href="../JavascriptProjects/2048Game/index.html" target="_blank">
Expand Down
138 changes: 24 additions & 114 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,7 @@ <h3>Web Development</h3>
<section class="about-me" id="about">
<h2 class="section__title section__title--about">Who I am</h2>
<p class="section__subtitle section__subtitle--about">
Front-end developer based out of Gwalior
Front-end developer based out of Banglore
</p>

<div class="about-me__body">
Expand Down Expand Up @@ -108,6 +108,28 @@ <h2 class="section__title section__title--work">My work</h2>
</p>

<div class="portfolio">
<div class="MemoryMatrix">
<div class="image">
<a
href="./JavascriptProjects/MemoryMatrix/index.html"
target="_blank"
>
<img src="./MainImages/ProjectsThumbnail.jpg" alt="Project Img" />
</a>
</div>

<div class="about-project">
<h3 class="title-project">MemoryMatrix</h3>

<p class="description-project">
Made MemoryMatrix in Vanilla Javascript With some transitions
</p>
</div>

<div class="details">
<strong>Click</strong> on the image to see the demo
</div>
</div>
<div class="2048-game">
<div class="image">
<a href="./JavascriptProjects/2048Game/index.html" target="_blank">
Expand Down Expand Up @@ -481,7 +503,7 @@ <h3 class="title-project">Slider Background</h3>
class="social-list__link"
target="_blank"
>
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-x-twitter"></i>
</a>
</li>

Expand Down Expand Up @@ -510,115 +532,3 @@ <h3 class="title-project">Slider Background</h3>
<script src="./exercises/personalPortfolio/script.js"></script>
</body>
</html>

<!-- <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Yash Mittal</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav id="nav-bar">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<main>
<div class="projects-container">
<h2>Projects :-</h2>
<nav>
<ul>
<li><a href="./exercises/personalPorfolioFrontend/" target="_blank">Personal Portfolio</a></li>
<li><a href="./exercises/drinkWater/" target="_blank">Drink water</a></li>
<li><a href="./exercises/microsoft-Homepage/"target="_blank">Micorsoft Homempage</a></li>
<li><a href="./exercises/splitLandingPage/" target="_blank">Split Landing Page <span>(Only css & html)</span></a></li>
<li><a href="./exercises/IndianHistoricalPlaces/" target="_blank">Historical places In india<span>(Only css & html)</span></a></li>
<li><a href="./exercises/incrementingCounter/" target="_blank">incrementing Counter</a></li>
<li><a href="./exercises/sliderBackground/" target="_blank">Slider Background</a></li>
<li><a href="./exercises/expandingCards/" target="_blank">Expandaing Cards</a></li>
<li><a href="./exercises/carousalImage/" target="_blank">Carousal Image</a></li>
<li><a href="./exercises/validatingForm/" target="_blank">Validating Form</a></li>
<li><a href="./exercises/scrollAnimation/" target="_blank">Scroll Animation
</a></li>
<li><a href="./exercises/Statistic-Ui/index.html" target="_blank">Statistic Ui</a></li>
<li><a href="./exercises/Enrollment-Form/" target="_blank">Enrollment Form</a></li>
<li><a href="./exercises/signupForm/"target="_blank">Signup Form</a></li>
<li><a href="./exercises/contactForm/"target="_blank">Contact Form</a></li>
<li><a href="./exercises/registerToWebinar/" target="_blank">Register To Webinar</a></li>
<li><a href="./exercises/krgPortalSignup/" target="_blank">KRG portal signup</a></li>
<li><a href="./exercises/sheosCollection/" target="_blank">Shoes Collection</a></li>
<li><a href="./exercises/fixedHeader/" target="_blank">Fixed Header</a></li>
<li><a href="./exercises/victoriaPerfumeSecret/" target="_blank">Victoria Perfume Secret</a></li>
<li><a href="./exercises/nationalGeographic/"target="_blank">National Geographic</a></li>
<li><a href="./exercises/pricingCard/" target="_blank">Pricing Card</a></li>
<li><a href="./exercises/skewedBackground/" target="_blank">Skewed Background</a></li>
<li><a href="./exercises/liveUseFilter/" target="_blank">Live Use Filter</a></li>
<li><a href="./exercises/hiddenSearchBar/" target="_blank">Hidden Searchbar</a></li>
<li><a href="./exercises/soundBoard/" target="_blank">Sound Board</a></li>
<li><a href="./exercises/calculator/" target="_blank">Calculator ui</a></li>
<li><a href="./exercises/generateJoke/" target="_blank">Generate Joke ui</a></li>
<li><a href="./exercises/personalPortfolio/" target="_blank">Personal Portfolio</a></li>
<li><a href="./exercises/randomeImageGenerator/" target="_blank">Random Image Generator ui</a></li>
<li><a href="./exercises/passwordStrength/" target="_blank">Password Strenth UI</a></li>
<li><a href="./exercises/verticalSllider/" target="_blank">Vertical Slider (ui)</a></li>
<li><a href="./exercises/BMICalculator/" target="_blank">BMI Calculater UI</a></li>
<li><a href="./exercises/drageImage/" target="_blank">Drag Image project UI</a></li>
<li><a href="./exercises/mobileTabNavigation/" target="_blank">Mobile Tab Navigation</a></li>
<li><a href="./exercises/todoList/" target="_blank">To Do List ui</a></li>
<li><a href="./exercises/playerLeaderboard/" target="_blank">Player Leadeboard</a></li>
<li><a href="./exercises/rotatingAnimation/" target="_blank">Rotating Animation</a></li>
</ul>
</nav>
</div>
</main>
</body>
</html> -->

0 comments on commit 4ff42f4

Please sign in to comment.