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

Commit f3df5b0

Browse files
committed
Merge remote-tracking branch 'upstream/main' into notepad_app
2 parents cb616c0 + 59091a6 commit f3df5b0

File tree

161 files changed

+5804
-1
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

161 files changed

+5804
-1
lines changed

pages/index.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
let color = document.querySelector(".color");
2+
let body_color = document.querySelector("body");
3+
let button = document.querySelector(".Button");
4+
5+
body_color.style.backgroundColor = color.innerText;
6+
7+
button.addEventListener("click", ()=>{
8+
let Random = "";
9+
let chars_using = "0123456789abcdef";
10+
for(let i=0; i<6; i++){
11+
Random += chars_using[Math.floor(Math.random() * 16)];
12+
}
13+
14+
color.innerText = "#" + Random;
15+
body_color.style.backgroundColor = "#" + Random;
16+
})
Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
body {
2+
margin: 0;
3+
height: 100vh;
4+
display: flex;
5+
justify-content: center;
6+
align-items: center;
7+
}
8+
9+
.color {
10+
text-align: center;
11+
font-size: 50px;
12+
color: #fff;
13+
font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
14+
text-shadow: 0 0 3px #000;
15+
}
16+
17+
.Button {
18+
padding: 16px 32px;
19+
background-color: transparent;
20+
color: #fff;
21+
border: 3px solid #fff;
22+
text-transform: capitalize;
23+
font-size: 30px;
24+
cursor: pointer;
25+
box-shadow: 0 0 3px #000;
26+
}
Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<link rel="stylesheet" href="./assests/style.css">
8+
<title>Random color generator</title>
9+
</head>
10+
<body>
11+
<div class="container">
12+
<h2 class="color">#000000</h2>
13+
<button class="Button">Generate</button>
14+
</div>
15+
</body>
16+
<script src="./assests/index.js"></script>
17+
</html>
Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
https://prathameshpatil2002.github.io/Random-color-generator/
Loading
Loading
Loading
Lines changed: 205 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,205 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
8+
<!-- BootStrap CSS -->
9+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
10+
11+
<title>Portfolio</title>
12+
<link rel="stylesheet" href="style.css">
13+
</head>
14+
<body>
15+
16+
<nav class="navbar navbar-expand-lg navbar-light p-1" style="background-color: #e3f2fd;" id="navbar">
17+
<!--</nav> -->
18+
19+
<div class="container">
20+
<a class="navbar-brand fs-2" href="#">Portfolio</a>
21+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
22+
<span class="navbar-toggler-icon"></span>
23+
</button>
24+
<div class="collapse navbar-collapse" id="navbarSupportedContent">
25+
<ul class="navbar-nav me-auto mb-2 mb-lg-0 fs-5">
26+
<li class="nav-item">
27+
&emsp; <a class="nav-link active" aria-current="page" href="#">Home</a>
28+
</li>
29+
<li class="nav-item">
30+
&emsp;<a class="nav-link" href="#about">About</a>
31+
</li>
32+
<li class="nav-item">
33+
&emsp;<a class="nav-link" href="#service">Services</a>
34+
</li>
35+
<li class="nav-item">
36+
&emsp; <a class="nav-link" href="#portfolio">Portfolio</a>
37+
</li>
38+
<li class="nav-item">
39+
&emsp; <a class="nav-link" href="#contact">Contact</a>
40+
</li>
41+
</ul>
42+
</div>
43+
</div>
44+
</nav>
45+
46+
<section id="home" class="d-flex align-items-center">
47+
<div class="container">
48+
<div class="col-md-4 d-flex flex-column justify-content-center ">
49+
<h1 class="display-2 fw-bolder text-white text-left align"> Hello!This is <br> Snehalata Sen.</h1>
50+
<button class="btn btn-outline-light mx-auto mx-auto px-4 fs-5 mt-4">Hire Me</button>
51+
</section>
52+
<section id="about" class="py-2">
53+
<div class="container my-5 py-5">
54+
<div class="row">
55+
56+
<div class="col-md-6">
57+
<div id="aboutimg"></div>
58+
</div>
59+
<div class="col-md-6">
60+
<h4 class="text-info fw-bold fs-5">ABOUT ME</h4>
61+
<h2 class="fw-bolder display-6 mb-4"> Hi! I'm Snehalata Sen.</h2>
62+
<p class="lead mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit,
63+
sed do eiusmod tempor incididunt ut labore et dolore magna
64+
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
65+
ullamco laboris nisi ut aliquip ex ea commodo consequat.Duis
66+
aute irure dolor in reprehenderit in voluptate velit esse cillum
67+
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
68+
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
69+
<button class="btn btn-primary px-4 py-2">Download CV </button>
70+
<button class="btn btn-outline-primary px-4 py-2 ms-2">Portfolio</button>
71+
72+
<section id="service" class="py-2">
73+
<div class="containermy-5 py-5">
74+
<div class="row mb-5">
75+
<div class="col-12">
76+
<h4 class="text-info fw-bold fs-4">What Services I Provid</h4>
77+
<h4 class="fw-bolder display-4 text-center">Services</h4>
78+
<p class="lead text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit,
79+
sed do eiusmod tempor incididunt ut labore et dolore magna
80+
aliqua.</p>
81+
</div>
82+
</div>
83+
<div class="row d-flex justify-content-center">
84+
<div class="col-md-4">
85+
<div class="card mb-3 p-2 py-4 shadow">
86+
<div class="card-body text-primary text-center">
87+
<h5 class="card-title fs-3 mb-4">Service 1</h5>
88+
<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>
89+
</div>
90+
91+
</div>
92+
</div>
93+
</div>
94+
<div class="col-md-4">
95+
<div class="card mb-3 p-2 py-4 shadow">
96+
<div class="card-body text-primary text-center">
97+
<h5 class="card-title fs-3 mb-4">Service 2</h5>
98+
<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>
99+
</div>
100+
101+
</div>
102+
</div>
103+
</div>
104+
<div class="col-md-4">
105+
<div class="card mb-3 p-2 py-4 shadow">
106+
<div class="card-body text-primary text-center">
107+
<h5 class="card-title fs-3 mb-4">Service 3</h5>
108+
<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>
109+
</div>
110+
111+
</div>
112+
</div>
113+
</div>
114+
115+
<section id="portfolio" class="py-2">
116+
<div class="container my-5 py-5">
117+
<div class="row mb-5">
118+
<div class="col-12">
119+
<h4 class="text-center text-info fw-bold fs-4">How I Work</h4>
120+
<h4 class="fw-bolder display-4 text-center">Portfolio</h4>
121+
<p class="lead text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit,
122+
sed do eiusmod tempor incididunt ut labore et dolore magna
123+
aliqua.</p>
124+
</div>
125+
</div>
126+
<div class="row my-5">
127+
<div class="col-md-5" id="img1">
128+
</div>
129+
<div class="col-md-5"id="img2">
130+
</div>
131+
</div>
132+
<div class="row my-5">
133+
<div class="col-md-5" id="img3">
134+
</div>
135+
<div class="col-md-5"id="img4">
136+
</div>
137+
</div>
138+
<div class="row my-5">
139+
<div class="col-md-5" id="img5">
140+
</div>
141+
<div class="col-md-5"id="img6">
142+
</div>
143+
</div>
144+
</div>
145+
</section>
146+
<section id="contact" class="py-2">
147+
<div class="container my-5 py-5">
148+
<div class="row mb-5">
149+
<div class="col-12">
150+
<h4 class="text-center text-info fw-bold fs-4">How To Contact Me</h4>
151+
<h4 class="fw-bolder display-4 text-center">Contact</h4>
152+
<p class="lead text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit,
153+
sed do eiusmod tempor incididunt ut labore et dolore magna
154+
aliqua.</p>
155+
</div>
156+
</div>
157+
<div class="row">
158+
<div class="col-md-6">
159+
<img src="alireza-esmaeeli-ImXpxtMPlzc-unsplash.jpg" alt="" class="w-75 h-75">
160+
</div>
161+
<div class="col-md-6">
162+
<form action="" method="post"class="mt-3">
163+
<div class="mb-4">
164+
<label for="name" class="form-label">Your name</label>
165+
<input type="email" class="form-control" id="name" placeholder="John Doe">
166+
</div>
167+
<div class="mb-4">
168+
<label for="exampleFormControlInput1" class="form-label">Email address</label>
169+
<input type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com">
170+
</div>
171+
<div class="mb-5">
172+
<label for="exampleFormControlTextarea1" class="form-label">Your Message</label>
173+
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
174+
</div>
175+
<button class="btn btn-outline-primary">Send Message</button>
176+
</form>
177+
</div>
178+
</div>
179+
</div>
180+
</section>
181+
<footer class="footer bg.light py-2 shadow-lg">
182+
<p class="lead text-center">Copyright &copy; 2021: All Rights Preserved to @FluffBalls</p>
183+
</footer>
184+
185+
<!-- Option 1: Bootstrap Bundle with Popper -->
186+
<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>
187+
<script>
188+
window.onscroll = function(){
189+
scrollFunction();
190+
}
191+
function ScrollFunction(){
192+
if(document.body.scrolltop > 500 || document.documentElement.scrolltop > 500){
193+
document.getElementById("navbar").classList.add("bg-info","shadow")
194+
}else{
195+
document.getElementById("navbar").classList.remove("bg-info","shadow")
196+
}
197+
}
198+
</script>
199+
</div>
200+
</div>
201+
</div>
202+
</section>
203+
204+
</body>
205+
</html>
Loading
Loading
Loading
Loading
Loading
Lines changed: 95 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,95 @@
1+
*
2+
{
3+
margin:0;
4+
padding:0;
5+
box-sizing: border-box;
6+
}
7+
/* Home Image*/
8+
#home{
9+
background-image: url('ksenia-varapaeva-lBElFnvck-M-unsplash.jpg');
10+
min-height:100vh;
11+
background-position: center;
12+
background-size: cover;
13+
background-attachment: fixed;
14+
background-repeat: no-repeat;
15+
}
16+
/* About Image*/
17+
#aboutimg{
18+
background-image: url('matheus-ferrero-W7b3eDUb_2I-unsplash.jpg');
19+
min-height:520px;
20+
background-position: left-center;
21+
background-size: 40% 90%;
22+
background-attachment: fixed;
23+
background-repeat: no-repeat;
24+
}
25+
/*Card */
26+
.card{
27+
transition: all 0.5s ease;
28+
}
29+
.card:hover{
30+
cursor:pointer;
31+
transform:scale(1.1);
32+
}
33+
34+
/*Portfolio */
35+
#img1{
36+
background-image: url('persnickety-prints-3KHTEARI27Q-unsplash.jpg');
37+
min-height:500px;
38+
background-position: left-center;
39+
background-size: 40% 70%;
40+
background-attachment: fixed;
41+
background-repeat: no-repeat;
42+
}
43+
#img2{
44+
background-image: url('sonnie-hiles-gG70fyu3qsg-unsplash.jpg');
45+
min-height:500px;
46+
background-position: right center;
47+
background-size: 70% 100%;
48+
background-attachment: fixed;
49+
background-repeat: no-repeat;
50+
}
51+
#img3{
52+
background-image: url('taisiia-shestopal-_4LbmtaToEc-unsplash.jpg');
53+
min-height:500px;
54+
background-position: left-center;
55+
background-size: 40% 70%;
56+
background-attachment: fixed;
57+
background-repeat: no-repeat;
58+
}
59+
#img4{
60+
background-image: url('windows-JqmOD1jpHHw-unsplash1.jpg');
61+
min-height:500px;
62+
background-position: right center;
63+
background-size: 70% 90%;
64+
background-attachment: fixed;
65+
background-repeat: no-repeat;
66+
}
67+
#img5{
68+
background-image: url('mathilde-langevin-sTamx4-y6FE-unsplash.jpg');
69+
min-height:500px;
70+
background-position: left-center;
71+
background-size: 40% 70%;
72+
background-attachment: fixed;
73+
background-repeat: no-repeat;
74+
}
75+
#img6{
76+
background-image: url('grzegorz-rakowski-3HPzBvG6nK4-unsplash.jpg');
77+
min-height:500px;
78+
background-position: right center;
79+
background-size: 70% 90%;
80+
background-attachment: fixed;
81+
background-repeat: no-repeat;
82+
}
83+
/* Media Queires*/
84+
@media screen and (max-width:760px){
85+
#aboutimg{
86+
background-size: cover;
87+
}
88+
#img1, #img2, #img3, #img4, #img4, #img5, #img6 {
89+
margin-bottom:3rem;
90+
background-size: cover;
91+
}
92+
#contact img{
93+
width:100% !important;
94+
}
95+
}
Loading
Loading
Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
https://portfolio1-demo.herokuapp.com/
Loading
Binary file not shown.
Lines changed: 1 addition & 0 deletions
Loading
Loading
Loading
Loading
Loading
Lines changed: 1 addition & 0 deletions
Loading
Loading
Loading
Lines changed: 1 addition & 0 deletions
Loading
Loading
Loading

0 commit comments

Comments
 (0)