Skip to content
This repository has been archived by the owner on Dec 8, 2024. It is now read-only.

created index.html #363

Merged
merged 1 commit into from
Dec 18, 2023
Merged

created index.html #363

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
117 changes: 117 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,117 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Avantika- Developer Portfolio</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;1,600&display=swap" rel="stylesheet">
<style>
*{
margin: 0;
padding: 0;
}

body{
background-color: rgb(1, 1, 25);
color: white;
font-family: 'Poppins', sans-serif;
}

nav{
display:flex;
justify-content: space-around;
align-items: center;
height: 80px;
background-color: rgb(2, 2, 67);
}

nav ul{
display: flex;
justify-content: center;
}

nav ul li{
list-style: none;
margin: 0 23px;
}

nav ul li a{
text-decoration: none;
color: white;
}

nav ul li a:hover{
text-decoration: none;
color: lavender;
font-size: 1.04rem;
}

.left{
font-size: 1.5rem;
}

.firstSection{
display: flex;
justify-content: space-around;
margin: 80px 0;
align-items: center;
}

.firstSection > div{
width: 30%;

}

.leftSection{
font-size: 3rem;

}

.rightSection img{
width: 80%;

}

.purple{
color: blueviolet;
}



</style>
</head>
<body>
<header>
<nav>
<div class="left">Avantika's Portfolio</div>
<div class="right">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/">About</a></li>
<li><a href="/">Services</a></li>
<li> <a href="/">Projects</a></li>
<li><a href="/">Contact Me</a></li>
</ul>
</div>
</nav>
</header>

<main>
<section class="firstSection">
<div class="leftSection">
Hi, My name is <span class="purple"> Avantika</span>

<div>
and I am a Web Developer
</div>
</div>
<div class="rightSection">
<img src="wd.png" alt="">
</div>
</section>
</main>

</body>
</html>
Binary file added wd.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.