Skip to content

Commit

Permalink
final
Browse files Browse the repository at this point in the history
  • Loading branch information
SomyaChawla0250 committed Apr 17, 2023
1 parent 520151c commit b22c469
Show file tree
Hide file tree
Showing 6 changed files with 36 additions and 46 deletions.
15 changes: 5 additions & 10 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height">
<title></title>
<link rel="stylesheet" href="home1.css">
<link rel="stylesheet" href="public/styles/home1.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200&family=Sofia&display=swap" rel="stylesheet">

</head>
Expand All @@ -16,21 +16,21 @@
<div class="contacticon">
<a href="https://twitter.com/SomyaChawla17?t=t_M788qLVl4Yc8O5x0hOuA&s=08"
><img
src="public/images/twitter.png"
src="public/assets/twitter.png"
alt="Twitter"
loading="lazy"
class="icon"
/></a>

<a href="https://www.linkedin.com/in/somya-chawla-881a4a255"
><img
src="public/images/linkedin.png"
src="public/assets/linkedin.png"
alt="Linkedin"
loading="lazy"
class="icon"
/></a>
<a href="https://github.com/settings/profile">
<img src="public/images/github.png"
<img src="public/assets/github.png"
alt="Github"
loading="lazy"
class="icon"
Expand All @@ -57,16 +57,11 @@
</nav>
</div>








<div class="home" id="about">
<img
src="public/images/homeimage.jpeg"
src="public/assets/homeimage.jpeg"

loading="lazy"
class="home-img"
Expand Down
8 changes: 4 additions & 4 deletions projects.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link rel="stylesheet" href="projects.css">
<link rel="stylesheet" href="public/styles/projects.css">
<link href="https://fonts.googleapis.com/css2?family=Kalam:wght@700&family=Orbitron:wght@600&family=Poppins:wght@100;200&family=Sofia&display=swap" rel="stylesheet">

</head>
Expand All @@ -31,7 +31,7 @@ <h2 class="projects-title">Some of the Projects where I have been a Major Contri
<div class="projects-container">
<div class="project-container project-containerr">
<img
src="public/images/imagly.jpeg"
src="public/assets/imagly.jpeg"
alt="Imagly"

class="project-pic"
Expand All @@ -44,7 +44,7 @@ <h3 class="project-title">Imagly</h3>
</div>
<div class="project-container project-containerr">
<img
src="public/images/videofy.jpeg"
src="public/assets/videofy.jpeg"
alt="videofy"
loading="lazy"
class="project-pic"
Expand All @@ -59,7 +59,7 @@ <h3 class="project-title">Videofy</h3>

<div class="project-container project-containerr">
<img
src="public/images/icb.jpeg"
src="public/assets/icb.jpeg"
alt="greeny-earth"
loading="lazy"
class="project-pic"
Expand Down
37 changes: 16 additions & 21 deletions public/css/home1.css → public/styles/home1.css
Original file line number Diff line number Diff line change
Expand Up @@ -12,14 +12,9 @@ body{
}







.homepage .anim{
height: 0px;
padding: 0px;
height: 0vh;
padding: 0vh;
border: 130em solid #039be5;
position: fixed;
left: 50%;
Expand All @@ -34,8 +29,8 @@ body{

.homepage #animate {
background: rgba(37, 9, 215, 0.85);
width: 56px;
height: 56px;
width: 5vh;
height: 5vh;
position: absolute;
left: 50%;
top: 50%;
Expand All @@ -51,28 +46,28 @@ body{

@keyframes init{
0%{
width: 0px;
height: 0px;
width: 0vh;
height: 0vh;
transform: rotate(90deg);
}
100%{
width: 56px;
height: 56px;
margin-top: 0px;
width: 5vh;
height: 5vh;
margin-top: 0vh;
opacity: 1;
}
}

@keyframes body_part{
0%{
top: 100%;
height: 0px;
padding: 0px;
height: 0vh;
padding: 0vh;
}
100%{
top: 50%;
height: 100%;
padding: 0px 100%;
padding: 0vh 100%;
}
}

Expand All @@ -81,7 +76,7 @@ body{
border-radius: 10%;
}
100%{
border-radius: 0px;
border-radius: 0vh;
}
}

Expand Down Expand Up @@ -112,7 +107,7 @@ body{
background: #039be5;
}
}
/* nav bar wali */

@keyframes last_transition{
0%{
background: #039be5;
Expand All @@ -131,7 +126,7 @@ body{

width: 100vh;
height: 10%;
border-radius: 0px;
border-radius: 0vh;
top: 3vh;

}
Expand Down Expand Up @@ -196,7 +191,7 @@ ul{

width: 60vh;
padding: 0.625vh;
border-radius: 6px;
border-radius: 2vh;
font-size: 3.5vh;
color: aliceblue;
margin-top: 7vh;
Expand Down
4 changes: 2 additions & 2 deletions public/css/projects.css → public/styles/projects.css
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ ul{

.projects {

padding: 32px 0;
padding: 4vh 0;
margin-top: 3vh;

}
Expand Down Expand Up @@ -102,7 +102,7 @@ ul{
@media screen and (max-width: 420px) {

.project-container {
width: 17.875rem;
width: 17.8rem;
}


Expand Down
4 changes: 2 additions & 2 deletions public/css/skills.css → public/styles/skills.css
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@ ul{
}

.icon {
width: 11.875rem;
width: 11.8rem;
height: 11.25rem;
}

Expand All @@ -69,7 +69,7 @@ ul{
display: flex;
flex-direction: column;

width: 5.875rem;
width: 5.8rem;
height: 5.25rem;
}
}
14 changes: 7 additions & 7 deletions skills.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link rel="stylesheet" href="skills.css">
<link rel="stylesheet" href="public/styles/skills.css">
<link href="https://fonts.googleapis.com/css2?family=Kalam:wght@700&family=Orbitron:wght@600&family=Poppins:wght@100;200&family=Sofia&display=swap" rel="stylesheet">


Expand All @@ -31,19 +31,19 @@ <h2 class="skill-heading">MY SKILLS</h2>
<div class="skills-complete">
<div class="row1">
<img
src="public/images/html2.png"
src="public/assets/html2.png"
alt=""
loading="lazy"
class="icon icon-sub"
/>
<img
src="public/images/css.png"
src="public/assets/css.png"
alt=""
loading="lazy"
class="icon icon-sub"
/>
<img
src="public/images/js.png"
src="public/assets/js.png"
alt=""
loading="lazy"
class="icon icon-sub"
Expand All @@ -52,19 +52,19 @@ <h2 class="skill-heading">MY SKILLS</h2>

<div class="row2">
<img
src="public/images/java.png"
src="public/assets/java.png"
alt=""
loading="lazy"
class="icon icon-sub"
/>
<img
src="public/images/Python-Symbol.png"
src="public/assets/Python-Symbol.png"
alt=""
loading="lazy"
class="icon icon-sub"
/>
<img
src="public/images/cpp2.png"
src="public/assets/cpp2.png"
alt=""
loading="lazy"
class="icon icon-sub"
Expand Down

0 comments on commit b22c469

Please sign in to comment.