Skip to content

Commit 4b5b276

Browse files
Rajkumar-justcoderRajkumar-justcoder
authored
Merge pull request #41 from Design-and-Code/revert-36-main
Revert "added created by"
2 parents fbc87cc + f8b7789 commit 4b5b276

File tree

2 files changed

+50
-160
lines changed

2 files changed

+50
-160
lines changed

‎assets/css/style.css

+50-64
Original file line numberDiff line numberDiff line change
@@ -1,102 +1,88 @@
11
* {
2-
font-family: 'Inter', sans-serif;
3-
margin: 0;
4-
padding: 0;
5-
box-sizing: border-box;
2+
font-family: 'Inter', sans-serif;
3+
margin: 0;
4+
padding: 0;
5+
box-sizing: border-box
66
}
77

88
:root {
9-
--bg-btn-card: #141417;
10-
--forground-main-color: rgb(255 255 255 / 1);
11-
--background-main-color: rgb(0, 0, 0);
9+
--bg-btn-card: #141417;
10+
--forground-main-color: rgb(255 255 255 / 1);
11+
--background-main-color: rgb(0, 0, 0);
1212
}
1313

1414
body {
15-
padding: 0 20px;
16-
max-width: 1100px;
17-
margin: 3rem auto;
18-
background-color: var(--background-main-color);
19-
color: var(--forground-main-color);
15+
padding: 0 20px;
16+
max-width: 1100px;
17+
margin: 3rem auto;
18+
background-color: var(--background-main-color);
19+
color: var(--forground-main-color);
2020
}
2121

2222
body::-webkit-scrollbar {
23-
width: 8px;
24-
background-color: rgb(64, 63, 63);
23+
width: 8px;
24+
background-color: rgb(64, 63, 63);
2525
}
2626

2727
body::-webkit-scrollbar-thumb {
28-
border-radius: 11px;
29-
/* -webkit-box-shadow: inset -5px 0px 29px 0 #ec4896; */
30-
background-color: rgb(99, 99, 99);
28+
border-radius: 11px;
29+
/* -webkit-box-shadow: inset -5px 0px 29px 0 #ec4896; */
30+
background-color:rgb(99, 99, 99);
3131
}
3232

33-
main {
34-
display: flex;
35-
align-items: center;
33+
main{
34+
display: flex;
35+
align-items: center;
3636
}
3737

38-
.navbar {
39-
display: flex;
40-
flex-direction: column;
41-
align-items: center;
42-
justify-content: center;
43-
text-align: center;
38+
.navbar{
39+
display: flex;
40+
flex-direction: column;
41+
align-items: center;
42+
justify-content: center;
43+
text-align: center;
4444
}
4545

46-
.title {
47-
font-size: 3rem;
48-
padding-top: 0rem;
49-
font-weight: 700;
46+
.title{
47+
font-size:3rem;
48+
padding-top: 0rem;
49+
font-weight: 700;
5050
}
51-
.content-text {
52-
padding: 1rem 0rem 3rem 0rem;
53-
font-size: 1.2rem;
51+
.content-text{
52+
padding:1rem 0rem 3rem 0rem;
53+
font-size: 1.2rem;
5454
}
5555

5656
.button-container {
5757
display: flex;
5858
align-items: center;
5959
justify-content: center;
60-
width: 18rem;
61-
height: 18rem;
62-
background-color: var(--bg-btn-card);
63-
transition: 0.4s;
64-
border-radius: 30px;
65-
overflow: hidden;
66-
position: relative;
60+
width: 18rem;
61+
height: 18rem;
62+
background-color: var(--bg-btn-card);
63+
transition: 0.4s;
64+
border-radius: 30px;
6765
}
68-
6966
.button-container:hover {
70-
transform: translateY(-5px);
67+
transform: translateY(-5px);
7168
}
7269

7370
.container {
74-
display: flex;
75-
justify-content: center;
76-
flex-wrap: wrap;
77-
gap: 2rem;
71+
display: flex;
72+
justify-content: center;
73+
flex-wrap: wrap;
74+
gap: 2rem;
75+
7876
}
7977

80-
.createdby-section {
81-
width: 100%;
82-
text-align: center;
83-
padding: 8px 0;
84-
background-color: #212128;
85-
position: absolute;
86-
bottom: 0;
78+
footer{
79+
padding-top: 3rem;
80+
text-align: center;
8781
}
8882

89-
.createdby-section a {
90-
color: rgb(129 120 255 / 1);
91-
text-decoration: none;
83+
footer > a{
84+
color: white;
85+
font-weight: 700;
9286
}
9387

94-
footer {
95-
padding-top: 3rem;
96-
text-align: center;
97-
}
9888

99-
footer > a {
100-
color: white;
101-
font-weight: 700;
102-
}

‎index.html

-96
Original file line numberDiff line numberDiff line change
@@ -29,33 +29,14 @@
2929
<div class="container">
3030
<div class="button-container">
3131
<button class="button-def button-1"><span>Hover Me</span></button>
32-
<div class="createdby-section">
33-
Created by
34-
<a href="">Design and Code</a>
35-
</div>
3632
</div>
3733
<div class="button-container">
3834
<button class="button-def button-2">
3935
<span><span>New page</span></span>
4036
</button>
41-
<div class="createdby-section">
42-
Created by
43-
<a href="">Design and Code</a>
44-
</div>
4537
</div>
4638
<div class="button-container">
4739
<button class="button-def button-3"><span>Render</span></button>
48-
<div class="createdby-section">
49-
Created by
50-
<a href="">Design and Code</a>
51-
</div>
52-
</div>
53-
<div class="button-container">
54-
<button class="button-def button-3"><span>Render</span></button>
55-
<div class="createdby-section">
56-
Created by
57-
<a href="">Design and Code</a>
58-
</div>
5940
</div>
6041
<div class="button-container">
6142
<button class="button-def button-4">
@@ -69,10 +50,6 @@
6950
</div>
7051
</div>
7152
</button>
72-
<div class="createdby-section">
73-
Created by
74-
<a href="">Design and Code</a>
75-
</div>
7653
</div>
7754
<div class="button-container">
7855
<button class="button-def button-5">
@@ -86,24 +63,9 @@
8663
</div>
8764
</div>
8865
</button>
89-
<div class="createdby-section">
90-
Created by
91-
<a href="">Design and Code</a>
92-
</div>
9366
</div>
9467
<div class="button-container">
9568
<button class="button-def button-6"><span>Hover me</span></button>
96-
<div class="createdby-section">
97-
Created by
98-
<a href="">Design and Code</a>
99-
</div>
100-
</div>
101-
<div class="button-container">
102-
<button class="button-def button-6"><span>Hover me</span></button>
103-
<div class="createdby-section">
104-
Created by
105-
<a href="">Design and Code</a>
106-
</div>
10769
</div>
10870

10971
<!-- buttons starts from here -->
@@ -120,10 +82,6 @@
12082
<button class="button button--shiny-gradient">
12183
<span>Hover Me</span>
12284
</button>
123-
<div class="createdby-section">
124-
Created by
125-
<a href="">Design and Code</a>
126-
</div>
12785
</div>
12886

12987
<!-- buttons end here -->
@@ -133,37 +91,20 @@
13391
<button class="button-8" type="button">
13492
<span>HOVER ME, THEN CLICK ME!</span>
13593
</button>
136-
<div class="createdby-section">
137-
Created by
138-
<a href="">Design and Code</a>
139-
</div>
14094
</div>
14195
<!-- button ends here -->
14296

14397
<!-- button starts here -->
14498
<div class="button-container">
14599
<button class="button-101">Button</button>
146-
<div class="createdby-section">
147-
Created by
148-
<a href="">Design and Code</a>
149-
</div>
150100
</div>
151101

152102
<div class="button-container">
153103
<button class="button-102"><span>Hover Me</span></button>
154-
155-
<div class="createdby-section">
156-
Created by
157-
<a href="">Design and Code</a>
158-
</div>
159104
</div>
160105

161106
<div class="button-container">
162107
<button class="button-103">Hover Me</button>
163-
<div class="createdby-section">
164-
Created by
165-
<a href="">Design and Code</a>
166-
</div>
167108
</div>
168109
<!-- button ends here -->
169110

@@ -173,10 +114,6 @@
173114
class="button-container flex align-items-center justify-content-center"
174115
>
175116
<button class="Mahekjain-button-9" role="button">Hover Me</button>
176-
<div class="createdby-section">
177-
Created by
178-
<a href="">Design and Code</a>
179-
</div>
180117
</div>
181118
<!-- button end here -->
182119

@@ -194,70 +131,37 @@
194131
Neon button!!<br />Hover Me
195132
</a>
196133
</div>
197-
198-
<div class="createdby-section">
199-
Created by
200-
<a href="">Design and Code</a>
201-
</div>
202134
</div>
203135
<!-- button end here -->
204136

205137
<!-- button starts here -->
206138
<div
207139
class="button-container flex align-items-center justify-content-center">
208140
<button class="ingrzs-button-11"><span>Button</span></button>
209-
<div class="createdby-section">
210-
Created by
211-
<a href="">Design and Code</a>
212-
</div>
213141
</div>
214142
<!-- button end here -->
215143

216144
<!-- mahi-btn starts -->
217145
<div class="button-container">
218146
<button class="mahi-btn-1 button-def">Bright</button>
219-
<div class="createdby-section">
220-
Created by
221-
<a href="">Design and Code</a>
222-
</div>
223-
224147
</div>
225148

226149
<div class="button-container">
227150
<button class="mahi-btn-2 button-def">Bright 2</button>
228-
229-
<div class="createdby-section">
230-
Created by
231-
<a href="">Design and Code</a>
232-
</div>
233-
234151
</div>
235152

236153
<div class="button-container">
237154
<button class="mahi-btn-3 button-def">Bright 3</button>
238-
<div class="createdby-section">
239-
Created by
240-
<a href="">Design and Code</a>
241-
</div>
242155
</div>
243156

244157
<div class="button-container">
245158
<button class="mahi-btn-4 button-def">Bright 4</button>
246-
<div class="createdby-section">
247-
Created by
248-
<a href="">Design and Code</a>
249-
</div>
250159
</div>
251160
<!-- mahi-btn ends -->
252161

253162
<!-- Button 9 -->
254163
<div class="button-container">
255164
<button class="button-9" type="button"><span>HOVER ME</span></button>
256-
<div class="createdby-section">
257-
Created by
258-
<a href="">Design and Code</a>
259-
</div>
260-
261165
</div>
262166
<!--END-->
263167

0 commit comments

Comments
 (0)