-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #1 from swappy-2003/swappy-2003-patch-1
Update index.html
- Loading branch information
Showing
1 changed file
with
71 additions
and
52 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,61 +1,80 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>Document</title> | ||
<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>SWAPINL'S PROJECT</title> | ||
<link | ||
href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" | ||
rel="stylesheet"/> | ||
<link rel="stylesheet" href="style.css"> | ||
</head> | ||
<body> | ||
href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" | ||
rel="stylesheet" | ||
/> | ||
<link rel="stylesheet" href="/style.css" /> | ||
</head> | ||
<body> | ||
<div id="main"> | ||
<div id="cursor-dot"></div> | ||
<div id="hero"> | ||
<nav> | ||
<a href="">Swapnil Dwivedi </a> | ||
<h1> MENU+</h1> | ||
</nav> | ||
<div id="heading"> | ||
|
||
<h1>PRODUCT</h1> | ||
<div class="blocktext"> | ||
|
||
<h1 id="secondh1">DESIGNER</h1> | ||
<h5>BASED IN TORONTO</h5> | ||
</div> | ||
</div> | ||
<div id="heading2"> | ||
<h5>available for freelance</h5> | ||
<h5>WORk from may 23'</h5> | ||
</div> | ||
<footer> | ||
<div id="diva"> | ||
<a href="#">Currently working at Yml</a><i class="ri-arrow-right-up-line"></i> | ||
</div> | ||
<div id="diva2"> | ||
<a href="#">Protopie ambassador</a><i class="ri-arrow-right-up-line"></i> | ||
</div> | ||
|
||
|
||
<div class="circle"> | ||
|
||
<i class="ri-arrow-down-line"></i> | ||
</div> | ||
<div class="circle"> | ||
<i class="ri-arrow-down-line"></i> | ||
</div> | ||
|
||
</div> | ||
<div id="hero2"> | ||
<div id="hero"> | ||
<nav> | ||
<a href="">Swapnil Dwivedi </a> | ||
<h1>MENU+</h1> | ||
</nav> | ||
<div id="heading"> | ||
<h1>PRODUCT</h1> | ||
<div class="blocktext"> | ||
<h1 id="secondh1">DESIGNER</h1> | ||
<h5>BASED IN TORONTO</h5> | ||
</div> | ||
</div> | ||
<div id="heading2"> | ||
<h5>available for freelance</h5> | ||
<h5>WORk from may 23'</h5> | ||
</div> | ||
<div id="chotafooter"> | ||
<div id="diva"> | ||
<a href="#">Currently working at Yml</a | ||
><i class="ri-arrow-right-up-line"></i> | ||
</div> | ||
<div id="diva2"> | ||
<a href="#">Protopie ambassador</a | ||
><i class="ri-arrow-right-up-line"></i> | ||
</div> | ||
|
||
</div> | ||
</footer> | ||
<div class="circle"> | ||
<i class="ri-arrow-down-line"></i> | ||
</div> | ||
<div class="circle"> | ||
<i class="ri-arrow-down-line"></i> | ||
</div> | ||
</div> | ||
</div> | ||
<div id="second"> | ||
<div class="elem"> | ||
<img src="plug.png" alt="plug"> | ||
<h1>The Plug</h1> | ||
<h5>2022</h5> | ||
</div> | ||
<div class="elem"> | ||
<img src="ixperience.png" alt="plug"> | ||
<h1>Experince</h1> | ||
<h5>2022</h5> | ||
</div> | ||
<div class="elem elemlast"> | ||
<img src="hudu.png" alt="plug"> | ||
<h1>Hudu</h1> | ||
<h5>2022</h5> | ||
</div> | ||
</div> | ||
<div id="about"> | ||
<img src="cynthia.png" alt="cyntia"> | ||
<div id="textarea"> | ||
<h4> (About me) </h4> | ||
<p>I'm a product designer with a passion for creating<br> products that not only look good but also solve real<br> problems. When I'm not sketching ideas on paper, you<br> can find me binge-watching a Netflix series or playing <br>video games. My design philosophy is simple: make it<br> visually appealing, functional, and bring a smile to <br>people's faces. I'm the designer you want on your team <br>if you want to make people say 'I need that in my life!'. </p> | ||
<a href="#">Let's talk</a> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
</body> | ||
<script src="script.js"></script> | ||
</body> | ||
<script src="/script.js"></script> | ||
</html> |