Skip to content

Commit

Permalink
index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@ADI4533
ADI4533 authored Nov 10, 2024
1 parent 1fa673c commit 4c4ea7e
Showing 1 changed file with 20 additions and 146 deletions.
166 changes: 20 additions & 146 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,13 +3,9 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="stylesheet" href="assets/css/styles.css">

<!-- =====BOX ICONS===== -->
<link href='https://cdn.jsdelivr.net/npm/boxicons@2.0.5/css/boxicons.min.css' rel='stylesheet'>

<title>Portfolio website complete</title>
<title>Portfolio Website - Harshil</title>
</head>
<body>
<!--===== HEADER =====-->
Expand All @@ -18,7 +14,6 @@
<div>
<a href="#" class="nav__logo">Harshil</a>
</div>

<div class="nav__menu" id="nav-menu">
<ul class="nav__list">
<li class="nav_item"><a href="#home" class="nav_link active-link">Home</a></li>
Expand All @@ -28,7 +23,6 @@
<li class="nav_item"><a href="#contact" class="nav_link">Contact</a></li>
</ul>
</div>

<div class="nav__toggle" id="nav-toggle">
<i class='bx bx-menu'></i>
</div>
Expand All @@ -39,167 +33,47 @@
<!--===== HOME =====-->
<section class="home bd-grid" id="home">
<div class="home__data">
<h1 class="home_title">Hi,<br>I'am <span class="home_title-color">Harshil</span><br> Web Designer</h1>

<a href="#" class="button">Contact</a>
<h1 class="home_title">Hi,<br>I'm <span class="home_title-color">Harshil</span><br>Web Designer</h1>
<a href="#contact" class="button">Contact</a>
</div>

<div class="home__social">
<a href="" class="home__social-icon"><i class='bx bxl-linkedin'></i></a>
<a href="" class="home__social-icon"><i class='bx bxl-behance' ></i></a>
<a href="" class="home__social-icon"><i class='bx bxl-github' ></i></a>
<a href="" class="home__social-icon"><i class='bx bxl-behance'></i></a>
<a href="" class="home__social-icon"><i class='bx bxl-github'></i></a>
</div>

<div class="home__img">
<svg class="home__blob" viewBox="0 0 479 467" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<mask id="mask0" mask-type="alpha">
<path d="M9.19024 145.964C34.0253 76.5814 114.865 54.7299 184.111 29.4823C245.804 6.98884 311.86 -14.9503 370.735 14.143C431.207 44.026 467.948 107.508 477.191 174.311C485.897 237.229 454.931 294.377 416.506 344.954C373.74 401.245 326.068 462.801 255.442 466.189C179.416 469.835 111.552 422.137 65.1576 361.805C17.4835 299.81 -17.1617 219.583 9.19024 145.964Z"/>
</mask>
<g mask="url(#mask0)">
<path d="M9.19024 145.964C34.0253 76.5814 114.865 54.7299 184.111 29.4823C245.804 6.98884 311.86 -14.9503 370.735 14.143C431.207 44.026 467.948 107.508 477.191 174.311C485.897 237.229 454.931 294.377 416.506 344.954C373.74 401.245 326.068 462.801 255.442 466.189C179.416 469.835 111.552 422.137 65.1576 361.805C17.4835 299.81 -17.1617 219.583 9.19024 145.964Z"/>
<image class="home__blob-img" x="50" y="60" href="assets/img/perfil.png"/>
</g>
</svg>
<img src="./assets/img/har.jpg" alt="Harshil Goel's Profile Picture"/>
</div>
</section>

<!--===== ABOUT =====-->
<section class="about section " id="about">
<section class="about section" id="about">
<h2 class="section-title">About</h2>

<div class="about__container bd-grid">
<div class="about__img">
<img src="assets/img/about.jpg" alt="">
<img src="assets/img/har.jpg" alt="Harshil Goel">
</div>

<div>
<h2 class="about__subtitle">I'am Harshil</h2>
<p class="about__text">Hi, I azm Harshil Goel, a passionate web developer based in Chennai. My journey into web development started with a curiosity about how websites work and a desire to create digital experiences that are both functional and visually appealing. I’m currently focused on mastering front-end technologies like HTML, CSS, and JavaScript, and I’ve also started experimenting with modern frameworks such as React. </p>
</div>
</div>
</section>

<!--===== SKILLS =====-->
<section class="skills section" id="skills">
<h2 class="section-title">Skills</h2>

<div class="skills__container bd-grid">
<div>
<h2 class="skills__subtitle">Profesional Skills</h2>
<p class="skills__text"></p>
<div class="skills__data">
<div class="skills__names">
<i class='bx bxl-html5 skills__icon'></i>
<span class="skills__name">HTML5</span>
</div>
<div class="skills_bar skills_html">

</div>
<div>
<span class="skills__percentage">95%</span>
</div>
</div>
<div class="skills__data">
<div class="skills__names">
<i class='bx bxl-css3 skills__icon'></i>
<span class="skills__name">CSS3</span>
</div>
<div class="skills_bar skills_css">

</div>
<div>
<span class="skills__percentage">85%</span>
</div>
</div>
<div class="skills__data">
<div class="skills__names">
<i class='bx bxl-javascript skills__icon' ></i>
<span class="skills__name">JAVASCRIPT</span>
</div>
<div class="skills_bar skills_js">

</div>
<div>
<span class="skills__percentage">65%</span>
</div>
</div>
<div class="skills__data">
<div class="skills__names">
<i class='bx bxs-paint skills__icon'></i>
<span class="skills__name">UX/UI</span>
</div>
<div class="skills_bar skills_ux">

</div>
<div>
<span class="skills__percentage">85%</span>
</div>
</div>
</div>

<div>
<img src="assets/img/work3.jpg" alt="" class="skills__img">
<h2 class="about__subtitle">I'm Harshil</h2>
<p class="about__text">Hi, I am Harshil Goel, a passionate web developer based in Chennai...</p>
</div>
</div>
</section>

<!--===== WORK =====-->
<section class="work section" id="work">
<h2 class="section-title">Work</h2>

<div class="work__container bd-grid">
<a href="" class="work__img">
<img src="assets/img/work1.jpg" alt="">
</a>
<a href="" class="work__img">
<img src="assets/img/work2.jpg" alt="">
</a>
<a href="" class="work__img">
<img src="assets/img/work3.jpg" alt="">
</a>
<a href="" class="work__img">
<img src="assets/img/work4.jpg" alt="">
</a>
<a href="" class="work__img">
<img src="assets/img/work5.jpg" alt="">
</a>
<a href="" class="work__img">
<img src="assets/img/work6.jpg" alt="">
</a>
<!--===== FOOTER =====-->
<footer class="footer">
<p class="footer__title">Harshil</p>
<div class="footer__social">
<a href="https://www.linkedin.com/in/harshil-goel-9425b3337/" class="footer__icon"><i class='bx bxl-linkedin'></i></a>
<a href="https://www.instagram.com/harshil_1505/?__pwa=1" class="footer__icon"><i class='bx bxl-instagram'></i></a>
<a href="https://x.com/harshil_1505" class="footer__icon"><i class='bx bxl-twitter'></i></a>
</div>
</section>
<p class="footer__copy">&#169; Bedimcode. All rights reserved</p>
</footer>

<!--===== CONTACT =====-->
<section class="contact section" id="contact">
<h2 class="section-title">Contact</h2>

<div class="contact__container bd-grid">
<form action="" class="contact__form">
<input type="text" placeholder="Name" class="contact__input">
<input type="mail" placeholder="Email" class="contact__input">
<textarea name="" id="" cols="0" rows="10" class="contact__input"></textarea>
<input type="button" value="Enviar" class="contact__button button">
</form>
</div>
</section>
</main>

<!--===== FOOTER =====-->
<footer class="footer">
<p class="footer__title">Harshil</p>
<div class="footer__social">
<a href="https://www.linkedin.com/in/harshil-goel-9425b3337/"bx bxl-linkedin' ></i></a>
<a href="https://www.instagram.com/harshil_1505/?__pwa=1" class="footer__icon"><i class='bx bxl-instagram' ></i></a>
<a href="https://x.com/harshil_1505" class="footer__icon"><i class='bx bxl-twitter' ></i></a>
</div>
<p class="footer__copy">&#169; Bedimcode. All rigths reserved</p>
</footer>


<!--===== SCROLL REVEAL =====-->
<script src="https://unpkg.com/scrollreveal"></script>

<!--===== MAIN JS =====-->
<script src="assets/js/main.js"></script>
</body>
</html>
</html>

0 comments on commit 4c4ea7e

Please sign in to comment.