Skip to content

Commit 38f7930

Browse files
ak-sh-atak-sh-at
authored
Merge branch 'TusharKesarwani:main' into main
2 parents 04ffe9a + 80d2278 commit 38f7930

93 files changed

Lines changed: 1583 additions & 29915 deletions

Some content is hidden

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

‎.DS_Store‎

8 KB
Binary file not shown.

‎Projects/Blog Project Website/contact.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ <h2>Feel Free to Contact Us</h2>
4747
<input type="text" placeholder="Enter Your Email Id">
4848
</div>
4949
<div class="form-box">
50-
<textarea name="" id="" cols="30" rows="10" placeholder="How may we help you?"></textarea>
50+
<textarea name="" id="" cols="30" rows="8" placeholder="How may we help you?"></textarea>
5151
</div>
5252
<div class="form-box">
5353
<button class="btn">Submit</button>

‎Projects/Blog Project Website/css/contact.css‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,9 @@
44
padding: 9px;
55
position: relative;
66
overflow: hidden;
7+
display: flex;
8+
justify-content: center;
9+
align-items: center;
710
}
811

912
.contact-content::after {

‎Projects/DrinkWaterReminderApplication/README.md‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
# Project Info
2+
The Water Reminder Web Application is a user-friendly tool designed to remind individuals to stay hydrated and help them reach their daily water intake goals. This application serves as a helpful companion for individuals who often forget to drink water or need assistance in maintaining a healthy water-drinking routine.
3+
4+
# Technologies Used
5+
This project is built using:-
6+
- HTML5 (Structuring)
7+
- CSS3 (Styling)
8+
- JavaScript (Server side scripting)
9+
- Git/GitHub (Version control)
10+
- Netlify (Hosting)
11+
12+
# Sample Output
13+
![Screenshot (63)](https://github.com/krutika-ladani/Front-End-Projects/assets/119760273/d17e0373-7e0b-4aa4-9c55-71de5c2ef478)

‎Projects/Google Drive Clone/Google-Drive-Clone-main/images/Google_Drive_23645.ico‎

66.1 KB
Binary file not shown.

‎Projects/Google Drive Clone/Google-Drive-Clone-main/index.html‎

Lines changed: 40 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
<!-- These are the changes made by Rugved S. Dhabale, tried making this "Google Drive Clone" more apealing to the user,
2+
made it more look a like the current version of Google Drive, gave my best hope you find it helpfull:) -->
3+
4+
15
<!DOCTYPE html>
26
<html lang="en">
37
<head>
@@ -13,16 +17,17 @@
1317
href="https://fonts.googleapis.com/icon?family=Material+Icons"
1418
rel="stylesheet"
1519
/>
16-
<link rel="stylesheet" href="style.css"
17-
<title></title>
20+
<link rel="icon" type="image/x-icon" href="/images/Google_Drive_23645.ico">
21+
<link rel="stylesheet" href="style.css">
22+
<title>Google Drive Clone</title>
1823
</head>
1924
<body>
2025
<div class="navbar-fixed">
2126
<nav class="nav-extended white">
2227
<div class="nav-wrapper white">
2328
<ul>
2429
<li>
25-
<a href="#!" class="title grey-text text-darken-1"
30+
<a href="#!" class="title black-text text-darken-10"
2631
>Google Drive</a
2732
>
2833
</li>
@@ -52,7 +57,7 @@
5257
height="30"
5358
width="30"
5459
class="circle"
55-
/></a>
60+
/>a</a>
5661
</li>
5762
</ul>
5863
</div>
@@ -61,8 +66,9 @@
6166
<li>
6267
<a
6368
href="#!"
64-
class="waves-effect waves-light btn btn-flat-white-text"
65-
>New</a
69+
class="waves-effect waves-light btn btn-flat-white-text" style="color: black; background-color: rgba(0, 162, 255, 0.245); border-radius: 8px; font-weight: 400;
70+
font-size:20px; height: 45px; width: 100px;"
71+
>+ New</a
6672
>
6773
</li>
6874
</ul>
@@ -126,7 +132,34 @@
126132
</ul>
127133
<div class="main">
128134
<div class="container-fluid">
129-
<p class="subheader">Folders</p>
135+
<p class="subheader">Recent</p>
136+
<div class="card-panel folder">
137+
<i class="material-icons left">folder</i>Opened Files
138+
</div>
139+
<div class="card-panel folder">
140+
<i class="material-icons left">folder</i>Opened Files
141+
</div>
142+
<div class="card-panel folder">
143+
<i class="material-icons left">folder</i>Opened Files
144+
</div>
145+
<div class="card-panel folder">
146+
<i class="material-icons left">folder</i>Opened Files
147+
</div>
148+
<div class="card-panel folder">
149+
<i class="material-icons left">folder</i>Opened Files
150+
</div>
151+
</div>
152+
<div class="container-fluid">
153+
<p class="subheader">My Drive </p>
154+
<div class="card-panel folder">
155+
<i class="material-icons left">folder</i>Folder
156+
</div>
157+
<div class="card-panel folder">
158+
<i class="material-icons left">folder</i>Folder
159+
</div>
160+
<div class="card-panel folder">
161+
<i class="material-icons left">folder</i>Folder
162+
</div>
130163
<div class="card-panel folder">
131164
<i class="material-icons left">folder</i>Folder
132165
</div>

‎Projects/Google Drive Clone/Google-Drive-Clone-main/style.css‎

Lines changed: 37 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,15 @@
11
body {
22
background-color: #f0f0f0;
3-
font size: 13px;
3+
font-size:13px;
44
}
55

66
.card,
77
.card-panel {
88
padding: 15px, 20px;
9-
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
9+
10+
}
11+
.card-panel:hover{
12+
box-shadow: 5px 5px 5px 0 rgba(3, 3, 3, 0.314);
1013
}
1114

1215
.container-fluid {
@@ -26,17 +29,18 @@ body {
2629
}
2730

2831
.subheader {
29-
color: rgba(0, 0, 0, 0.54);
32+
color: rgba(0, 0, 0, 0.999);
3033
font-weight: 500;
34+
font-size: 28px;
3135
}
3236

3337
/* nav */
3438
nav {
35-
box-shadow: 0 1px 8px rgba(0, 0, 0, 0, 3);
39+
box-shadow: 0 0px 0px rgba(0, 0, 0, 0, 0);
3640
}
3741

3842
nav ul li {
39-
text-align: :center;
43+
text-align: center;
4044
}
4145

4246
nav.ul.right {
@@ -60,11 +64,14 @@ nav ul a img {
6064
}
6165

6266
.nav-wrapper ul a:hover {
63-
background-color: transparent;
67+
background-color:rgba(7, 160, 255, 0.177);
68+
box-shadow: 5px 5px 5px 0 rgba(7, 160, 255, 0.177);
69+
border-radius: 25px;
6470
}
6571

6672
.nav-wrapper .title {
67-
font-size: 1.4rem;
73+
font-size: 25px;
74+
color: #000000;
6875
}
6976

7077
.nav-wrapp .btn-flat {
@@ -80,7 +87,7 @@ nav ul a img {
8087
.nav-2 i {
8188
height: 56px !important;
8289
line-height: 56px !important;
83-
min-height: : 56px !important;
90+
min-height: 56px !important;
8491
}
8592

8693
.search-wrapper {
@@ -92,34 +99,36 @@ nav ul a img {
9299
}
93100

94101
.search-wrapper i {
95-
color: #757575;
102+
color: #000000;
96103
position: absolute;
97-
font-size: 24px;
104+
font-size: 30px;
98105
top: 5px;
99-
left: 24px;
106+
left: 20px;
100107
line-height: 36px !important;
101108
}
102109

103110
input[type=search]:not(.browser-default) {
104111
display: block;
105-
padding: 11px 8px 11px 72px;
112+
padding: 10px 50px;
113+
106114
width: 100%;
107-
background: #f5f5f5;
115+
background: #dcdcdc;
108116
height: 24px;
109117
border: none;
110118
font-size: 16px;
111119
outline: none;
112-
border-radius: 2px;
113-
color: #757575;
120+
border-radius: 50px;
121+
color: #000000;
114122
}
115123

116124
input[type=search]:focus {
117-
border-bottom: : none !important;
125+
border-bottom: none !important;
118126
box-shadow: none !important;
119127
}
120128

121129
input[type="search"]::placeholder {
122-
color: #757575;
130+
color: #000000;
131+
font-size: 20px;
123132
}
124133

125134
/*sidenav*/
@@ -139,11 +148,12 @@ input[type="search"]::placeholder {
139148
}
140149

141150
.side-nav .active {
142-
background-color: rgba(0, 0, 0, 0.05);
151+
background-color: rgba(7, 160, 255, 0.177);
152+
border-radius: 50px;
143153
}
144154

145155
.side-nav .active a {
146-
color: #212121;
156+
color: #000000;
147157
font-weight: 500;
148158
}
149159

@@ -170,12 +180,12 @@ input[type="search"]::placeholder {
170180
.side-nav li a {
171181
padding: 0 16px;
172182
font-weight: normal;
173-
font-size: 13px;
174-
color: #616161;
183+
font-size: 18px;
184+
color: #000000;
175185
}
176186

177187
side-nav li a:hover {
178-
border-radius: 2px;
188+
border-radius: 10px;
179189
}
180190

181191
/*folders*/
@@ -184,9 +194,13 @@ side-nav li a:hover {
184194
display: inline-block;
185195
margin: 15px 20px 0;
186196
font-weight: 500;
197+
font-size: 15px;
198+
border-radius: 30px;
199+
box-shadow: #000000;
200+
text-shadow: #000000;
187201
}
188202

189203
.folder i {
190204
color: rgba(0, 0, 0, 0, 54);
191205
margin-top: -3px;
192-
}
206+
}

‎Projects/TIC-TAC-TOE PROJECT/index.js‎

Lines changed: 14 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -51,25 +51,30 @@ function checkText(e)
5151
//Adding event listener on every cell
5252
Array.from(boxes).forEach(element=>{
5353
element.addEventListener('click',()=>{
54-
if(element.innerText==="")
54+
if (element.innerText !== "")
55+
{
56+
return;
57+
}
58+
59+
else if(element.innerText==="")
5560
element.innerText=turn
56-
fill++
61+
fill++;
5762
check_for_win()
5863
if(k==1)
5964
{
60-
Array.from(boxes).forEach(e=>{
61-
e.disabled=true
62-
})
63-
document.getElementById("player-turn").innerText=`Player ${turn} won`;
65+
Array.from(boxes).forEach(e=>{
66+
e.disabled=true
67+
})
68+
document.getElementById("player-turn").innerText=`Player ${turn} won`
6469
}
6570
else if(fill===9)
6671
{
6772
document.getElementById("player-turn").innerText=`Game Over`
6873
Array.from(boxes).forEach(e=>{
6974
e.disabled=true
70-
})
75+
});
7176
}
72-
else
77+
else
7378
{
7479
turn=changeturn()
7580
document.getElementById("player-turn").innerText=`Player ${turn} turn`
@@ -85,7 +90,7 @@ function checkText(e)
8590
e.innerText=""
8691
e.backgroundcolor="white"
8792
})
88-
turn="X"
93+
turn="X"
8994
k=0;
9095
fill=0;
9196
document.getElementById("player-turn").innerText=`Player ${turn} turn`

‎Projects/Text-Utilities/index.html‎

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
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+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet"
8+
integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
9+
<!-- <link rel="stylesheet" href="./style.css"> -->
10+
<title>Text Utilities - Word counter | character counter | lowercase to uppercase | uppercase to lowercase</title>
11+
</head>
12+
13+
<body>
14+
<nav class="navbar navbar-expand-lg bg-body-tertiary">
15+
<div class="container-fluid">
16+
<a class="navbar-brand" href="#">Text Utilities</a>
17+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup"
18+
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
19+
<span class="navbar-toggler-icon"></span>
20+
</button>
21+
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
22+
<div class="navbar-nav">
23+
<a class="nav-link active" aria-current="page" href="#">Home</a>
24+
<a class="nav-link" href="#">About</a>
25+
<a class="nav-link" href="#">Contact</a>
26+
<!-- <a class="nav-link disabled">Disabled</a> -->
27+
</div>
28+
</div>
29+
</div>
30+
</nav>
31+
<div class="container">
32+
<!-- <h1 class='mb-4'>Text- Utility </h1> -->
33+
<div class="mb-3">
34+
<textarea class="form-control" id="myBox"
35+
rows="8"></textarea>
36+
</div>
37+
<button class="btn btn-primary mx-1 my-1"id="uppercase">Convert to
38+
Uppercase</button>
39+
<button class="btn btn-primary mx-1 my-1" id="lowercase">Convert to
40+
Lowercase</button>
41+
<button class="btn btn-primary mx-1 my-1" id="clear">Clear
42+
Text</button>
43+
<button class="btn btn-primary mx-1 my-1" id="copy">Copy Text</button>
44+
<button class="btn btn-primary mx-1 my-1" id="trim">Remove Extra
45+
Spaces</button>
46+
</div>
47+
<div class="container my-3">
48+
<h2>Your text summary</h2>
49+
<p id="first"> </p>
50+
<h2 >Preview</h2>
51+
<p id="third"></p>
52+
</div>
53+
54+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js"
55+
integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj"
56+
crossorigin="anonymous"></script>
57+
<script type="module" src="./script.js"></script>
58+
</body>
59+
60+
</html>

0 commit comments

Comments
 (0)