Skip to content

Web Dev Completed #459

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
laxmipriyasahoo1705 wants to merge 5 commits into
base: main
Choose a base branch
from
Open

Web Dev Completed #459

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
69d8231
Create style.css
laxmipriyasahoo1705 Apr 2, 2024
3b0ab59
Delete Web Development/Task/Laxmipriya Sahoo/style.css
laxmipriyasahoo1705 Apr 2, 2024
ffd0bcb
Create temp.txt
laxmipriyasahoo1705 Apr 2, 2024
c32d688
Add files via upload
laxmipriyasahoo1705 Apr 2, 2024
a64a283
Delete Web Development/Task/Laxmipriya Sahoo/temp.txt
laxmipriyasahoo1705 Apr 2, 2024
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
Binary file added Web Development/Task/Laxmipriya Sahoo/images/Discord.jpg
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.
Binary file added Web Development/Task/Laxmipriya Sahoo/images/Github.jpg
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.
Binary file added Web Development/Task/Laxmipriya Sahoo/images/Instagram.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.
Binary file added Web Development/Task/Laxmipriya Sahoo/images/Linked In.jpg
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.
Binary file added Web Development/Task/Laxmipriya Sahoo/images/My Photo.jpg
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.
Binary file added Web Development/Task/Laxmipriya Sahoo/images/ss(1).ico
View file
Open in desktop
Binary file not shown.
Binary file added Web Development/Task/Laxmipriya Sahoo/images/ss(2).ico
View file
Open in desktop
Binary file not shown.
Binary file added Web Development/Task/Laxmipriya Sahoo/images/ss(3).ico
View file
Open in desktop
Binary file not shown.
66 changes: 66 additions & 0 deletions Web Development/Task/Laxmipriya Sahoo/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My First Webpage Portfolio</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="main">
<img class="image" src="/images/My Photo.jpg" alt="My Profile Photo">
<div id="name">
<h1 class="name">Hello, I'm</h1>
<h1 class="name1">Laxmipriya Sahoo</h1><br>
<h2 class="about">About Me!</h2><br>
</div>
<div id="desc">
<p>I am from Bargarh,Odisha.I have completed my matriculation from Siddharth Public School, Kumelsingha,Bargarh. And I have completed my intermediate from Vikash Residential School, Bargarh. Currently, I am a first year undergraduate pursuing BTech from Veer Surendra Sai University of Technology,Burla in the department of Electronics and Telecommunication Engineering. I like to know new things regarding the modern technologies.</p>
</div>
<div class="devel">
<h1>Frontend Developer</h1>
</div>

<h1 class="text theme">My Gallery</h1>
<div class="gallary">
<img src="/images/ss(1).ico" alt="A stack of books">
<img src="/images/ss(2).ico" alt="A girl singing">
<img src="/images/ss(3).ico" alt="Musical Notes">
</div>
<div class="section1">
<div class="interests">
<h1>My Interests!</h1>
<div class="i">
<p>I have a keen interest in programming. Singing and painting are my hobbies. I like to know new things related to science and technologies. Also I like to collaborate with people having similar interests like me.</p>
</div>
</div>
<div class="q">
<h2 class="themequali">Qualifications:</h2>
<div class="qualification">
<div class="year">
<p>2021 :</p>
<p>2023 :</p>
<p>2027 :</p>
</div>
<div class="details">
<p>Matriculation</p>
<p>Intermediate</p>
<p>Under Graduation</p>
</div>
</div>
</div>
</div>
<div class="line"></div>
<h3 class="textcontact">Contact me!</h3>
<div class="contact">
<a href="https://www.linkedin.com/in/laxmipriya-sahoo17"><img src="Linked In.jpg" alt="Linkedin" width="40vh" height="40vh"></a>
<a href="https://www.instagram.com/lpsahoo1980/"><img src="Instagram.png" alt="instagram" height="40vh" width="40vh"></a>
<a href="https://discord.com/channels/@me"><img src="Discord.jpg" alt="discord" height="40vh" width="40vh"></a>
<a href="https://github.com/laxmipriyasahoo1705"><img src="Github.jpg" alt="github" height="40vh" width="40vh"></a>
</div>
</div>
</body>

</html>
</body>
</html>
1 change: 1 addition & 0 deletions Web Development/Task/Laxmipriya Sahoo/link.txt
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
https://laxmipriyasahoo1705.github.io/Portfolio/
Binary file added Web Development/Task/Laxmipriya Sahoo/ss/Screenshot (1).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.
Binary file added Web Development/Task/Laxmipriya Sahoo/ss/Screenshot (2).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.
307 changes: 307 additions & 0 deletions Web Development/Task/Laxmipriya Sahoo/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,307 @@
@font-face {
font-family: gilroy;
src: url(Gilroy-Regular.ttf);
}
*{
margin: 0;
padding: 10;
box-sizing: border-box;
font-family: gilroy;
}

body{
width: 100%;
}
.main{
margin-left: 10%;
margin-top: 4%;
height: auto;
width: 80%;
border: 5px double rgb(121, 6, 115);
border-radius: 30px;
padding: 2%;
background: rgba(243, 247, 42, 0.5);
}
#name{
margin-top: 3%;
margin-left: 5%;
font-size: 3.5vh;
width: 65vh;
}
.name{
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 100;
font-style: italic;
color: rgb(58, 7, 139);
}
.name1{
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 600;
font-style: italic;
color: rgb(210, 37, 201);
}

.about{
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: normal;
font-style: italic;
color: rgb(58, 7, 139);
}
#desc{
position: absolute;
/* border: 2px solid black; */
width: 100vh;
margin-left: 4%;
margin-top: 2%;
}
#desc p{
font-size: 3.5vh;
color: rgb(52, 5, 129);
font-style: italic;
}
.image{
position: absolute;
margin-left: 130vh;
margin-top: 5vh;
border-radius: 20px;
width: 35vh;

}

.devel{
color: rgb(236, 75, 110);
position: absolute;
font-style: oblique ;
margin-left: 125vh;
margin-top: 19vh;
}
/* .devel h2{
color: rgb(210, 37, 187);
font-size: 4.5vh;
}*/
.text{
text-align: center;
font-size: 1.5em;
text-transform: capitalize;
font-style: italic;
margin-top: 40vh;
color: rgb(9, 114, 53);
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 4vh;
}
.gallary{
display: flex;
justify-content: space-around;
align-items: center;
margin: 1rem;
}
.section1{
display: flex;
justify-content: space-between;
align-items: center;
}
.interests,.q{
width: 50%;
font-style: italic;
color: rgb(58, 7, 139);
margin: 0% 2rem;

}
.interests h1{
margin-bottom: 1rem ;
font-style: italic;
color: rgb(100, 15, 170);
}
.i{
font-style: italic;
color: rgb(58, 7, 139);
}
.themequali{
color: rgb(7, 115, 158);
}
.qualification{
display: flex;
padding: 1rem ;
margin-top: 5%;
margin-left: 5%;
justify-content: space-evenly;
align-items: center;
}
.line{
border: 2px solid rgb(167, 124, 8);
border-radius: 5px;
margin: 2rem 0rem;
}
.textcontact{
text-align: center;
color: rgb(55, 0, 255);
margin-bottom: 0.5rem;
}
.contact{
display: flex;
color: rgb(13, 15, 11);
justify-content: space-between;
align-items: center;
}
@media (max-width : 950px) {
html,body{
width: 100%;
height: 100%;
}
.main{
margin: 0;
border: 0px double black;
padding: 3rem;
background: rgba(225, 225, 242, 0.443);
}
.section1{
flex-wrap: wrap;
}
.image img{
margin-top: 2rem;
width: 90vw;
height: 50vh;
object-fit: cover;
object-position: top;
border-radius: 10px;
}
.gallary{
overflow-x: scroll;
}
.gallary{
justify-content: space-between;
padding: 0px 0.6rem ;
}
.pictures{
width: 80%;
height: 20vh;
padding: 0.5rem;
object-fit: cover;
border-radius: 10px;
}
.pic1{
object-position: 50% 30%;
}
.section2{
flex-wrap: wrap;
}
.interests,.q{
width: 100%;
margin: 0% 2rem;
}
.interests h1{
margin-bottom: 1rem ;
}
.quali{
margin-top: 1.5rem;
}
}
@media (max-width : 950px) {
html,body{
width: 100%;
height: 100%;
}
.main{
margin: 0;
border: 0px double black;
padding: 3rem;
background: rgba(242, 225, 225, 0.443);
}
.section1{
flex-wrap: wrap;
}
.image img{
margin-top: 2rem;
width: 90vw;
height: 50vh;
object-fit: cover;
object-position: top;
border-radius: 10px;
}
.gallary{
overflow-x: scroll;
}
.gallary{
justify-content: space-between;
padding: 0px 0.6rem ;
}
.pictures{
width: 80%;
height: 20vh;
padding: 0.5rem;
object-fit: cover;
border-radius: 10px;
}
.pic1{
object-position: 50% 30%;
}
.section2{
flex-wrap: wrap;
}
.interests,.q{
width: 100%;
margin: 0% 2rem;
}
.interests h1{
margin-bottom: 1rem ;
}
.quali{
margin-top: 1.5rem;
}
}
@media (max-width: 550px) {
.main{
margin: 0rem;
border: 0px;
padding: 1.5rem;
overflow: hidden;
}
.section1{
display: flex;
justify-content: space-evenly;
align-items: center;
}
.description h1{
font-size: 2.5em;
line-height: 50px;
}
.image img{
width: 100%;
height: 45vh;
border-radius: 10px;
}
.text{
text-align: center;
font-size: 1.5em;
text-transform: capitalize;
}
.gallary{
flex-wrap: wrap;
margin: 0.5rem;
}
.pictures{
width: 100%;
padding: 1rem 0rem;
height: 25vh;
object-fit: cover;
border-radius: 20px;
}
.pic1{
object-position: 50% 30%;
}
.section2{
flex-wrap: wrap;
}
.interests,.q{
width: 100%;
margin: 0% 1.2rem;

}
}
@media (max-width:1100px){
.main{
margin: 0rem;
border: 0px double black;
height: 100vh;
}
}