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/
62.8 KB
Loading
2.6 MB
Loading
5.57 MB
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>
3.94 MB
Loading

0 commit comments

Comments
 (0)