Skip to content
This repository was archived by the owner on Feb 4, 2023. It is now read-only.

Want to add my demo portfolio project to the repository #81

Merged
merged 30 commits into from
Oct 30, 2021
Merged

Want to add my demo portfolio project to the repository #81

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
30 commits
Select commit Hold shift + click to select a range
049ebc0
Create index.html
Rosy03 Oct 29, 2021
b45445b
Create index.html
Rosy03 Oct 29, 2021
d34d282
Delete Rosy Banerjee/Portfolio Demo directory
Rosy03 Oct 29, 2021
747e5b9
Add files via upload
Rosy03 Oct 29, 2021
4ccaa3a
Create deploymentLink.txt
Rosy03 Oct 29, 2021
0c3ccb5
Add files via upload
Rosy03 Oct 29, 2021
2320a0a
Update deploymentLink.txt
Rosy03 Oct 29, 2021
1ea3290
Rename public/Projects/Rosy/Portfolio Demo/index.html to public/Proje…
Rosy03 Oct 29, 2021
c13d7d6
Rename public/Projects/Rosy/Portfolio Demo/style.css to public/Projec…
Rosy03 Oct 29, 2021
e3411b2
Add files via upload
Rosy03 Oct 29, 2021
be340e4
Delete index.html
Rosy03 Oct 29, 2021
1f9503a
Delete style.css
Rosy03 Oct 29, 2021
53011ba
Delete alireza-esmaeeli-ImXpxtMPlzc-unsplash.jpg
Rosy03 Oct 29, 2021
ee12ec5
Delete grzegorz-rakowski-3HPzBvG6nK4-unsplash.jpg
Rosy03 Oct 29, 2021
01baa01
Delete ksenia-varapaeva-lBElFnvck-M-unsplash.jpg
Rosy03 Oct 29, 2021
4d262c1
Delete matheus-ferrero-W7b3eDUb_2I-unsplash.jpg
Rosy03 Oct 29, 2021
638b9f6
Delete mathilde-langevin-sTamx4-y6FE-unsplash.jpg
Rosy03 Oct 29, 2021
97774e1
Delete persnickety-prints-3KHTEARI27Q-unsplash.jpg
Rosy03 Oct 29, 2021
f210490
Delete sonnie-hiles-gG70fyu3qsg-unsplash.jpg
Rosy03 Oct 29, 2021
1fae076
Delete taisiia-shestopal-_4LbmtaToEc-unsplash.jpg
Rosy03 Oct 29, 2021
6e91b41
Delete windows-JqmOD1jpHHw-unsplash1.jpg
Rosy03 Oct 29, 2021
13f6b0f
Rename public/Projects/Rosy/deploymentLink.txt to public/Projects/Ros…
Rosy03 Oct 29, 2021
bc31d8d
Rename public/Projects/Rosy/Portfolio Demo/Code/deploymentLink.txt to…
Rosy03 Oct 29, 2021
6a3eed2
Delete thumbnail.png
Rosy03 Oct 29, 2021
57e1c52
Add files via upload
Rosy03 Oct 29, 2021
cb92053
Rename public/Projects/Rosy/Portfolio Demo/Code/index.html to public/…
Rosy03 Oct 30, 2021
1c5fd25
Rename public/Projects/Rosy/Portfolio Demo/Code/style.css to public/P…
Rosy03 Oct 30, 2021
ce2d78f
Update deploymentLink.txt
Rosy03 Oct 30, 2021
9ad53a4
Add files via upload
Rosy03 Oct 30, 2021
9444368
Delete public/Projects/Rosy/Portfolio Demo/Code directory
Rosy03 Oct 30, 2021
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 public/Projects/Rosy/Portfolio Demo/code/alireza-esmaeeli-ImXpxtMPlzc-unsplash.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 ...ic/Projects/Rosy/Portfolio Demo/code/grzegorz-rakowski-3HPzBvG6nK4-unsplash.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.
205 changes: 205 additions & 0 deletions public/Projects/Rosy/Portfolio Demo/code/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,205 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- BootStrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

<title>Portfolio</title>
<link rel="stylesheet" href="style.css">
</head>
<body>

<nav class="navbar navbar-expand-lg navbar-light p-1" style="background-color: #e3f2fd;" id="navbar">
<!--</nav> -->

<div class="container">
<a class="navbar-brand fs-2" href="#">Portfolio</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0 fs-5">
<li class="nav-item">
&emsp; <a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
&emsp;<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item">
&emsp;<a class="nav-link" href="#service">Services</a>
</li>
<li class="nav-item">
&emsp; <a class="nav-link" href="#portfolio">Portfolio</a>
</li>
<li class="nav-item">
&emsp; <a class="nav-link" href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>

<section id="home" class="d-flex align-items-center">
<div class="container">
<div class="col-md-4 d-flex flex-column justify-content-center ">
<h1 class="display-2 fw-bolder text-white text-left align"> Hello!This is <br> Snehalata Sen.</h1>
<button class="btn btn-outline-light mx-auto mx-auto px-4 fs-5 mt-4">Hire Me</button>
</section>
<section id="about" class="py-2">
<div class="container my-5 py-5">
<div class="row">

<div class="col-md-6">
<div id="aboutimg"></div>
</div>
<div class="col-md-6">
<h4 class="text-info fw-bold fs-5">ABOUT ME</h4>
<h2 class="fw-bolder display-6 mb-4"> Hi! I'm Snehalata Sen.</h2>
<p class="lead mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<button class="btn btn-primary px-4 py-2">Download CV </button>
<button class="btn btn-outline-primary px-4 py-2 ms-2">Portfolio</button>

<section id="service" class="py-2">
<div class="containermy-5 py-5">
<div class="row mb-5">
<div class="col-12">
<h4 class="text-info fw-bold fs-4">What Services I Provid</h4>
<h4 class="fw-bolder display-4 text-center">Services</h4>
<p class="lead text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua.</p>
</div>
</div>
<div class="row d-flex justify-content-center">
<div class="col-md-4">
<div class="card mb-3 p-2 py-4 shadow">
<div class="card-body text-primary text-center">
<h5 class="card-title fs-3 mb-4">Service 1</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>

</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-3 p-2 py-4 shadow">
<div class="card-body text-primary text-center">
<h5 class="card-title fs-3 mb-4">Service 2</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>

</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-3 p-2 py-4 shadow">
<div class="card-body text-primary text-center">
<h5 class="card-title fs-3 mb-4">Service 3</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>

</div>
</div>
</div>

<section id="portfolio" class="py-2">
<div class="container my-5 py-5">
<div class="row mb-5">
<div class="col-12">
<h4 class="text-center text-info fw-bold fs-4">How I Work</h4>
<h4 class="fw-bolder display-4 text-center">Portfolio</h4>
<p class="lead text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua.</p>
</div>
</div>
<div class="row my-5">
<div class="col-md-5" id="img1">
</div>
<div class="col-md-5"id="img2">
</div>
</div>
<div class="row my-5">
<div class="col-md-5" id="img3">
</div>
<div class="col-md-5"id="img4">
</div>
</div>
<div class="row my-5">
<div class="col-md-5" id="img5">
</div>
<div class="col-md-5"id="img6">
</div>
</div>
</div>
</section>
<section id="contact" class="py-2">
<div class="container my-5 py-5">
<div class="row mb-5">
<div class="col-12">
<h4 class="text-center text-info fw-bold fs-4">How To Contact Me</h4>
<h4 class="fw-bolder display-4 text-center">Contact</h4>
<p class="lead text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua.</p>
</div>
</div>
<div class="row">
<div class="col-md-6">
<img src="alireza-esmaeeli-ImXpxtMPlzc-unsplash.jpg" alt="" class="w-75 h-75">
</div>
<div class="col-md-6">
<form action="" method="post"class="mt-3">
<div class="mb-4">
<label for="name" class="form-label">Your name</label>
<input type="email" class="form-control" id="name" placeholder="John Doe">
</div>
<div class="mb-4">
<label for="exampleFormControlInput1" class="form-label">Email address</label>
<input type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com">
</div>
<div class="mb-5">
<label for="exampleFormControlTextarea1" class="form-label">Your Message</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
</div>
<button class="btn btn-outline-primary">Send Message</button>
</form>
</div>
</div>
</div>
</section>
<footer class="footer bg.light py-2 shadow-lg">
<p class="lead text-center">Copyright &copy; 2021: All Rights Preserved to @FluffBalls</p>
</footer>

<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<script>
window.onscroll = function(){
scrollFunction();
}
function ScrollFunction(){
if(document.body.scrolltop > 500 || document.documentElement.scrolltop > 500){
document.getElementById("navbar").classList.add("bg-info","shadow")
}else{
document.getElementById("navbar").classList.remove("bg-info","shadow")
}
}
</script>
</div>
</div>
</div>
</section>

</body>
</html>
Binary file added public/Projects/Rosy/Portfolio Demo/code/ksenia-varapaeva-lBElFnvck-M-unsplash.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 public/Projects/Rosy/Portfolio Demo/code/matheus-ferrero-W7b3eDUb_2I-unsplash.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 ...ic/Projects/Rosy/Portfolio Demo/code/mathilde-langevin-sTamx4-y6FE-unsplash.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 ...c/Projects/Rosy/Portfolio Demo/code/persnickety-prints-3KHTEARI27Q-unsplash.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 public/Projects/Rosy/Portfolio Demo/code/sonnie-hiles-gG70fyu3qsg-unsplash.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.
95 changes: 95 additions & 0 deletions public/Projects/Rosy/Portfolio Demo/code/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,95 @@
*
{
margin:0;
padding:0;
box-sizing: border-box;
}
/* Home Image*/
#home{
background-image: url('ksenia-varapaeva-lBElFnvck-M-unsplash.jpg');
min-height:100vh;
background-position: center;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
}
/* About Image*/
#aboutimg{
background-image: url('matheus-ferrero-W7b3eDUb_2I-unsplash.jpg');
min-height:520px;
background-position: left-center;
background-size: 40% 90%;
background-attachment: fixed;
background-repeat: no-repeat;
}
/*Card */
.card{
transition: all 0.5s ease;
}
.card:hover{
cursor:pointer;
transform:scale(1.1);
}

/*Portfolio */
#img1{
background-image: url('persnickety-prints-3KHTEARI27Q-unsplash.jpg');
min-height:500px;
background-position: left-center;
background-size: 40% 70%;
background-attachment: fixed;
background-repeat: no-repeat;
}
#img2{
background-image: url('sonnie-hiles-gG70fyu3qsg-unsplash.jpg');
min-height:500px;
background-position: right center;
background-size: 70% 100%;
background-attachment: fixed;
background-repeat: no-repeat;
}
#img3{
background-image: url('taisiia-shestopal-_4LbmtaToEc-unsplash.jpg');
min-height:500px;
background-position: left-center;
background-size: 40% 70%;
background-attachment: fixed;
background-repeat: no-repeat;
}
#img4{
background-image: url('windows-JqmOD1jpHHw-unsplash1.jpg');
min-height:500px;
background-position: right center;
background-size: 70% 90%;
background-attachment: fixed;
background-repeat: no-repeat;
}
#img5{
background-image: url('mathilde-langevin-sTamx4-y6FE-unsplash.jpg');
min-height:500px;
background-position: left-center;
background-size: 40% 70%;
background-attachment: fixed;
background-repeat: no-repeat;
}
#img6{
background-image: url('grzegorz-rakowski-3HPzBvG6nK4-unsplash.jpg');
min-height:500px;
background-position: right center;
background-size: 70% 90%;
background-attachment: fixed;
background-repeat: no-repeat;
}
/* Media Queires*/
@media screen and (max-width:760px){
#aboutimg{
background-size: cover;
}
#img1, #img2, #img3, #img4, #img4, #img5, #img6 {
margin-bottom:3rem;
background-size: cover;
}
#contact img{
width:100% !important;
}
}
Binary file added ...ic/Projects/Rosy/Portfolio Demo/code/taisiia-shestopal-_4LbmtaToEc-unsplash.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 public/Projects/Rosy/Portfolio Demo/code/windows-JqmOD1jpHHw-unsplash1.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.
1 change: 1 addition & 0 deletions public/Projects/Rosy/Portfolio Demo/deploymentLink.txt
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
https://portfolio1-demo.herokuapp.com/
Binary file added public/Projects/Rosy/Portfolio Demo/thumbnail.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.