Skip to content

Commit 5914ef2

Browse files
AmolShelke2AmolShelke2
authored
Merge branch 'Dezenix:main' into productLanding
2 parents cadbb2d + 39dc7bb commit 5914ef2

File tree

358 files changed

+22860
-427
lines changed

Some content is hidden

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

358 files changed

+22860
-427
lines changed

‎.gitmodules

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
[submodule "quiz-app"]
2+
path = quiz-app
3+
url = https://github.com/aditi10701/Quiz__App.git

‎CarWebPage/README.md

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
# Car webPage.
2+
3+
<h3> Tech Stack Used <img src = "https://media2.giphy.com/media/QssGEmpkyEOhBCb7e1/giphy.gif?cid=ecf05e47a0n3gi1bfqntqmob8g9aid1oyj2wr3ds3mg700bl&rid=giphy.gif" width = 32px> </h3>
4+
<p align="left"> <a href="https://www.w3.org/html/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/html5/html5-original-wordmark.svg" alt="html5" width="40" height="40"/> </a> <a href="https://www.w3schools.com/css/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/css3/css3-original-wordmark.svg" alt="css3" width="40" height="40"/> </a>
5+
6+
# Preview.
7+
8+
<img src="/CarWebPage/preview.png" alt="preview.">

‎CarWebPage/car-bg.jpg

550 KB
Loading

‎CarWebPage/index.html

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
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="style.css" />
8+
<link
9+
rel="stylesheet"
10+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
11+
/>
12+
<title>Automative car</title>
13+
</head>
14+
<body>
15+
<!-- header section starts -->
16+
<header>
17+
<nav class="container">
18+
<!-- the main logo of the page -->
19+
<div class="logo"><i class="fas fa-car"></i> Automotive</div>
20+
<!-- the main nav section starts -->
21+
<ul>
22+
<li><a href="#" class="selected">Home</a></li>
23+
<li><a href="#">Features</a></li>
24+
<li><a href="#">Price</a></li>
25+
<li><a href="#">Contact</a></li>
26+
<li><a href="#" class="highlight">Book Appointment</a></li>
27+
</ul>
28+
</nav>
29+
<!-- nav section end's -->
30+
31+
<!-- the content and the paragraph section starts -->
32+
<div class="content">
33+
<div class="container">
34+
<h2>Your car Repairs</h2>
35+
<p>visit us for your service</p>
36+
<a href="#" class="highlight">Book Appointment</a>
37+
</div>
38+
</div>
39+
</header>
40+
<!-- the header section and the content section ends -->
41+
42+
<!-- The footer section starts -->
43+
<footer>
44+
<ul class="container">
45+
<li>
46+
<strong>Location</strong>
47+
<p>Unknown</p>
48+
</li>
49+
<li>
50+
<strong>Phone</strong>
51+
<p>090 090 0099</p>
52+
</li>
53+
<li>
54+
<strong>Email</strong>
55+
<p>AutomativeCar@gmail.com</p>
56+
</li>
57+
</ul>
58+
</footer>
59+
<!-- the footer section ends -->
60+
</body>
61+
</html>

‎CarWebPage/preview.png

3 MB
Loading

‎CarWebPage/style.css

Lines changed: 123 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,123 @@
1+
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");
2+
3+
* {
4+
box-sizing: border-box;
5+
}
6+
7+
body {
8+
background-color: #fff;
9+
font-family: "Roboto", sans-serif;
10+
margin: 0;
11+
}
12+
13+
.container {
14+
padding: 1rem;
15+
margin: 0 auto;
16+
max-width: 100%;
17+
width: 1000px;
18+
}
19+
20+
header {
21+
background-image: url(car-bg.jpg);
22+
background-size: cover;
23+
background-position: center;
24+
color: white;
25+
display: flex;
26+
flex-direction: column;
27+
align-items: flex-start;
28+
min-height: calc(100vh - 102px);
29+
}
30+
31+
.content {
32+
font-size: 2rem;
33+
margin: auto;
34+
max-width: 100%;
35+
}
36+
37+
.content h1 {
38+
color: #00c2ff;
39+
margin-bottom: 0;
40+
}
41+
42+
nav {
43+
display: flex;
44+
justify-content: space-between;
45+
}
46+
47+
nav.logo {
48+
font-size: 2.5rem;
49+
}
50+
51+
nav ul {
52+
display: flex;
53+
list-style-type: none;
54+
padding: 0;
55+
}
56+
57+
nav li a {
58+
color: white;
59+
padding: 1rem;
60+
text-decoration: none;
61+
}
62+
63+
.selected {
64+
font-weight: bold;
65+
}
66+
67+
.highlight {
68+
background-color: #00c2ff;
69+
color: white;
70+
padding: 1rem;
71+
text-decoration: none;
72+
}
73+
74+
footer {
75+
background-color: #000;
76+
color: white;
77+
padding: 1rem;
78+
}
79+
80+
footer ul {
81+
display: flex;
82+
align-items: center;
83+
justify-content: space-between;
84+
list-style-type: none;
85+
padding: 0;
86+
}
87+
88+
footer strong {
89+
color: #00c2ff;
90+
}
91+
92+
footer p {
93+
padding: 0;
94+
}
95+
96+
@media screen and (max-width: 700px) {
97+
.content {
98+
font-size: 1.4rem;
99+
margin: 2rem auto 0;
100+
}
101+
102+
nav ul {
103+
flex-direction: column;
104+
}
105+
106+
nav li:not(:last-child) {
107+
margin-bottom: 1rem;
108+
}
109+
110+
nav .highlight {
111+
display: none;
112+
}
113+
114+
footer ul {
115+
flex-direction: column;
116+
justify-content: center;
117+
}
118+
119+
footer li {
120+
margin: 1rem;
121+
text-align: center;
122+
}
123+
}

‎Cards On Hover/README.md

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
2+
# Bubble cards Effect
3+
using the power of amazing css animation transition effect ...giving an awesome info cards of employees of the firm
4+
5+
## 🚀 About Me
6+
I'm a full stack developer...you can follow me here -https://github.com/RAHULBAWA777
7+
8+
9+
## Run Locally
10+
11+
Clone the project
12+
13+
14+
Start the live server
15+
16+
17+
## Used By
18+
19+
This project is used by the following companies:
20+
21+
- https://github.com/Dezenix/frontend-html-css-js

‎Cards On Hover/index.html

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
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+
<title>Bubble cards Effect</title>
8+
<link rel="stylesheet" href="style.css">
9+
</head>
10+
<body>
11+
<div class="container">
12+
<div class="im"><img src="https://i.pinimg.com/736x/2f/6d/81/2f6d81174f979af46da836c40168bac2.jpg" alt=""></div>
13+
<h1>Alex</h1>
14+
<p>FullStack Developer</p>
15+
</div>
16+
<div class="container">
17+
<div class="im"><img src="https://www.zdnet.com/a/img/resize/aac49353de2eaf5b9440f116fb8e35baa3ad1bfc/2021/07/16/7ceefbea-ef33-4ff7-b1a4-f23a0d7ffb82/software-engineering-shutterstock-795758674.jpg?width=1200&height=1200&fit=crop&auto=webp" alt=""></div>
18+
<h1>Riya</h1>
19+
<p>UI/UX Designer</p>
20+
</div>
21+
<div class="container">
22+
<div class="im"><img src="https://www.imagesplatform.com/mohsin_site/uploads/2022_02_28/boy-in-yellow-shirt-dp.jpg" alt=""></div>
23+
<h1>Vikram</h1>
24+
<p>Software Engg.</p>
25+
</div>
26+
</body>
27+
</html>

‎Cards On Hover/style.css

Lines changed: 67 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,67 @@
1+
*{
2+
margin: 0;
3+
padding: 0;
4+
box-sizing: border-box;
5+
font-family: 'Poppins', sans-serif;
6+
}
7+
body{
8+
display: flex;
9+
justify-content: center;
10+
align-items: center;
11+
height: 100vh;
12+
background-color: rgb(29, 28, 28);
13+
}
14+
.container{
15+
position: relative;
16+
width: 400px;
17+
height: 400px;
18+
margin: 40px;
19+
display: flex;
20+
justify-content: center;
21+
align-items: center;
22+
flex-direction: column;
23+
cursor: pointer;
24+
transition: all .9s;
25+
color: white;
26+
}
27+
.im img{
28+
position: absolute;
29+
width: 100px;
30+
border-radius: 50%;
31+
top: 30px;
32+
left: 40%;
33+
}
34+
35+
.container:hover{
36+
color: white;
37+
}
38+
.container::before, .container::after{
39+
content: '';
40+
position: absolute;
41+
top: 0;
42+
left: 0;
43+
width: 100%;
44+
height: 100%;
45+
background: rgb(0, 0, 0);
46+
transition: all .9s;
47+
border-radius: 20px;
48+
z-index: -10;
49+
}
50+
.container::after{
51+
background: #4897f8;
52+
transition: all .9s;
53+
border-radius: 50%;
54+
transform: translate(-80%, -80%) scale(0.3);
55+
transform-origin: right bottom;
56+
}
57+
.container:hover::after{
58+
transform: translate(0) scale(1);
59+
border-radius: 0;
60+
}
61+
.container:hover::before{
62+
transform-origin: right bottom;
63+
border-radius: 50%;
64+
transform: translate(10%, 10%) scale(0.3);
65+
z-index: 10;
66+
}
67+

‎random Password generator/README.md renamed to ‎Dezenix Info card/README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11

2-
# RANDOM PASSWORD GENERATOR
3-
struggling to find an appropriate and hard to break password ..... let this app help
2+
# Dezenix Info Card
3+
Made An info Card For Dezenix ... the coolest repo with the coolest mentors
44

55
## 🚀 About Me
66
I'm a full stack developer...you can follow me here -https://github.com/RAHULBAWA777

0 commit comments

Comments
 (0)