-
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.
- Loading branch information
0 parents
commit 38f4a76
Showing
20 changed files
with
901 additions
and
0 deletions.
There are no files selected for viewing
Binary file not shown.
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 |
---|---|---|
@@ -0,0 +1,163 @@ | ||
*{ | ||
margin: 0; | ||
padding: 0; | ||
/* box-sizing: border-box; */ | ||
|
||
} | ||
body{ | ||
/* background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); */ | ||
background: linear-gradient(#fcd0e0,#b0eaf5,#b0e3de); | ||
|
||
font-family: 'poppins',sans-serif; | ||
scroll-behavior: smooth; | ||
|
||
} | ||
|
||
|
||
nav{ | ||
display: flex; | ||
justify-content: space-around; | ||
align-items: center; | ||
height: 80px; | ||
background-color: rgb(209, 166, 195); | ||
overflow: hidden; | ||
} | ||
nav ul{ | ||
display: flex; | ||
justify-content: space-between; | ||
} | ||
nav ul li { | ||
list-style: none; | ||
margin: 0 48px; | ||
} | ||
ul li a{ | ||
padding-left: 10px; | ||
padding-right: 10px; | ||
text-decoration: none; | ||
color:purple; | ||
font-size: 1.4rem; | ||
transition: all 1s ease; | ||
transition-duration: 0.5s; | ||
} | ||
ul li a:hover{ | ||
color: rgb(97, 15, 237); | ||
font-size: 1.5rem; | ||
border-radius: 2px; | ||
border-style: double; | ||
|
||
} | ||
.right a{ | ||
width: 90px; | ||
|
||
} | ||
.left{ | ||
font:2rem sans-serif; | ||
} | ||
span{ | ||
position: relative; | ||
color: rgb(165, 36, 165); | ||
|
||
} | ||
.about{ | ||
text-align: center; | ||
margin-top: 60px; | ||
} | ||
.name{ | ||
font-size: 30px; | ||
font-weight: 3px; | ||
color:rgb(5, 150, 190); | ||
} | ||
.about h1{ | ||
color: rgb(231, 98, 107); | ||
font-size: 3rem; | ||
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; | ||
} | ||
.about p{ | ||
font-size: 30px; | ||
margin-left:380px; | ||
margin-right: 380px; | ||
color: rgb(182, 14, 93); | ||
font-style:var(); | ||
} | ||
.container { | ||
display: flex; | ||
justify-content: space-evenly; | ||
margin-top: 100px; | ||
} | ||
|
||
.info { | ||
display: flex; | ||
flex-direction: column; | ||
justify-content: space-evenly; | ||
gap: 30px; | ||
} | ||
|
||
|
||
.year { | ||
display: flex; | ||
flex-direction: column; | ||
justify-content: space-evenly; | ||
} | ||
|
||
.education{ | ||
margin-top: 180px; | ||
font-size: 40px; | ||
margin-left: -30px; | ||
color: #d49f4a; | ||
} | ||
.info h5{ | ||
font-size: 25px; | ||
color: #a53860; | ||
margin-bottom: 25px; | ||
} | ||
.info .add{ | ||
color: #eb5e28; | ||
font-size: 30px; | ||
|
||
} | ||
.sub h5{ | ||
margin-bottom: 15px; | ||
font-size: 25px; | ||
|
||
} | ||
.sub .add{ | ||
margin-bottom: 14px; | ||
|
||
} | ||
.matric{ | ||
font-size: 25px; | ||
} | ||
.inter{ | ||
font-size: 25px; | ||
} | ||
p{ | ||
font-weight: 600; | ||
} | ||
|
||
.ten{ | ||
margin-top: 100px; | ||
color: #ef233c; | ||
font-size: 25px; | ||
} | ||
.twelve{ | ||
margin-top: 100px; | ||
color: #3a0ca3; | ||
font-size: 25px; | ||
} | ||
.btech{ | ||
margin-bottom: 20px; | ||
margin-top: 15px; | ||
color: #003566; | ||
font-size: 25px; | ||
|
||
} | ||
|
||
footer{ | ||
text-align: center; | ||
margin-bottom: 30px; | ||
margin-top: 110px; | ||
color: maroon; | ||
font-size: 2rem; | ||
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; | ||
|
||
} |
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 |
---|---|---|
@@ -0,0 +1,89 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>About</title> | ||
<link rel="stylesheet" href="about.css"> | ||
<link rel="icon" href="about.png"> | ||
</head> | ||
<body> | ||
<header> | ||
<nav> | ||
|
||
<div class="left"><span>Shaina's </span>Portfolio</div> | ||
<div class="right"> | ||
<ul> | ||
<li><a href="index.html">HOME</a></li> | ||
<li><a href="./projects.html">PROJECTS</a></li> | ||
<li><a href="about.html">ABOUT</a></li> | ||
<li><a href="contact.html">CONTACT</a></li> | ||
</ul> | ||
</div> | ||
</nav> | ||
</header> | ||
</body> | ||
<div class="about"> | ||
<div class="name"> | ||
Hey, I'm</div> | ||
<h1>Shaina Nawaz</h1> | ||
<br> | ||
<p>I'm a software engineer based in Noida,Uttarpradesh. I enjoy creating things that live on the internet, whether that be websites, applications, or anything in between. Motivated B.Tech student at Dronacharya Group Of Institution with a strong passion for coding, data structures, algorithms and web Development. Actively engaged in DSA practice on platforms like Hackerrank, GeeksforGeeks, and Codechef.</p> | ||
</div> | ||
<div class="container"> | ||
<div class="education"> | ||
<h3> EDUCATION </h3> | ||
</div> | ||
<div class="info"> | ||
<div class="bit"> | ||
<div> | ||
<h5> Dronacharya Group Of Institution </h5> | ||
</div> | ||
<div> | ||
<p class="add"> Noida , Uttarpradesh</p> | ||
</div> | ||
<div> | ||
<p class="btech">Bachelor of Technology (B.Tech)</p> | ||
</div> | ||
</div> | ||
<div class="sub"> | ||
<div> | ||
<h5> B.N.Saha Public School </h5> | ||
</div> | ||
<div> | ||
<p class="add"> Giridih , Jharkhand</p> | ||
</div> | ||
<div> | ||
<p class="inter">Intermediate (PCM)</p> | ||
</div> | ||
</div> | ||
<div class="bns"> | ||
<div> | ||
<h5> B.N.Saha Public School </h5> | ||
</div> | ||
<div> | ||
<p class="add"> Giridih , Jharkhand </p> | ||
</div> | ||
<div> | ||
<p class="matric">Matriculation</p> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="year"> | ||
<div> | ||
<p class="btech"> 2023-2027</p> | ||
</div> | ||
<div> | ||
<p class="twelve"> 2022</p> | ||
</div> | ||
<div> | ||
<p class="ten"> 2020</p> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
|
||
<footer> | ||
Designed by Shaina | ||
</footer> | ||
</html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.