Skip to content

Commit d7ece80

Browse files
gantavyamalviyagantavyamalviya
authored
Merge pull request #27 from vansh-goel/My-Name
Added My-Name Project
2 parents e4d0f67 + 15d2538 commit d7ece80

3 files changed

Lines changed: 493 additions & 0 deletions

File tree

‎My-Name/README.md‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
# My-Name
2+
This is a Project I created for anyone just starting out in CSS and Open-Source. The Project as of now contains an example div, you can add a similar section with your name and something about yourself, or you could go all the way out and add something extra you'd want too. Consider this as a learning exercise and your initial step into the world of contribution and Open-Source. If you like the idea of this project make sure to share it with your friends. You can see what the Web Page currently looks like, [Here](https://vansh-goel.github.io/My-Name/)
3+
4+
## How to get Started
5+
- I would like to suggest you to get some hands-on experience with HTML and Basic CSS first on your local machine
6+
- After making sure you're comfortable start by editing the HTML and CSS files given in the repository
7+
- Along with the changes made to the code, add your name in the CONTRIBUTORS.md file
8+
- This is a learning experience so don't worry too much about it, just get started and let's all build this WebPage together
9+
- Happy Contributing!!
10+
11+
**Yes This Project was Inspired from Shawshank Redemption's "Brooks Was Here"**

‎My-Name/css/styles.css‎

Lines changed: 211 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,211 @@
1+
.Your-Name {
2+
padding: 7% 15%;
3+
background-color: #e94560;
4+
text-align: center;
5+
}
6+
7+
.Vansh-Goel {
8+
padding: 7% 15%;
9+
background-color: #faf4b7;
10+
text-align: center;
11+
}
12+
13+
#Vansh-Goel {
14+
font-family: "Sacramento";
15+
}
16+
17+
#Vansh-Goel-Para {
18+
font-family: "Montserrat";
19+
line-height: 2;
20+
}
21+
22+
.twt {
23+
padding-top: 10px;
24+
width: 20px;
25+
}
26+
27+
.Harshvardhan-Sharma {
28+
text-align: center;
29+
padding: 7% 15%;
30+
background-color: #b7facd;
31+
}
32+
#Harshvardhan-Sharma {
33+
font-family: "Sacramento";
34+
}
35+
36+
37+
38+
#Harshvardhan-Sharma-Para {
39+
font-family: "Montserrat";
40+
line-height: 2;
41+
}
42+
43+
.Aditi-Bendre {
44+
padding: 7% 15%;
45+
background-color: rgba(134, 232, 119, 0.973);
46+
text-align: center;
47+
}
48+
49+
#Aditi-Bendre {
50+
font-family: "Sacramento";
51+
}
52+
53+
#Aditi-Bendre {
54+
font-family: "Montserrat";
55+
line-height: 2;
56+
}
57+
58+
.socials {
59+
display: flex;
60+
justify-content: center;
61+
gap: 1.2rem;
62+
align-items: center;
63+
}
64+
.github {
65+
padding-top: 10px;
66+
width: 20px;
67+
}
68+
69+
.Chirag-Khatri {
70+
padding: 7% 15%;
71+
background-color: #faf4b7;
72+
text-align: center;
73+
}
74+
75+
#Chirag-Khatri {
76+
font-family: "Sacramento";
77+
}
78+
79+
#Chirag-Khatri-Para {
80+
font-family: "Montserrat";
81+
line-height: 2;
82+
}
83+
84+
.Lea-Guedj {
85+
padding: 7% 15%;
86+
background-color: rgb(235, 89, 133);
87+
text-align: center;
88+
}
89+
90+
#Lea-Guedj {
91+
font-family: "Sacramento";
92+
}
93+
94+
#Lea-Guedj {
95+
font-family: "Montserrat";
96+
line-height: 2;
97+
}
98+
99+
.twt {
100+
padding-top: 10px;
101+
width: 20px;
102+
}
103+
.Om-Sarraf {
104+
padding: 7% 15%;
105+
background-color: rgba(134, 232, 119, 0.973);
106+
text-align: center;
107+
}
108+
109+
#Om-Sarraf {
110+
font-family: "Sacramento";
111+
}
112+
113+
#Om-Sarraf {
114+
font-family: "Montserrat";
115+
line-height: 2;
116+
}
117+
118+
.SEC-markus-eicher {
119+
padding: 7% 15%;
120+
background-color: rgb(55, 64, 192);
121+
text-align: center;
122+
}
123+
124+
#H1-markus-eicher {
125+
font-family: "Montserrat";
126+
color: white;
127+
}
128+
129+
.P-markus-eicher {
130+
color: white;
131+
text-align: center;
132+
}
133+
134+
#mke-twt {
135+
padding-top: 10px;
136+
width: 20px;
137+
}
138+
139+
.jayneelliott {
140+
padding: 7% 15%;
141+
background-color: rgb(200, 55, 142);
142+
text-align: center;
143+
color:rgb(41, 9, 74)
144+
}
145+
146+
.jayneelliott-Para {
147+
color:rgb(22, 64, 5);
148+
font-weight: 700
149+
}
150+
151+
152+
.rachit{
153+
padding: 7% 15%;
154+
background-color: #eaf6f6;
155+
font-family: 'Sacramento', sans-serif;
156+
text-align: center;
157+
}
158+
.rachit-para{
159+
font-family: 'Montserrat';
160+
line-height: 2;
161+
margin: 2px auto 16px auto;
162+
width: 85%;
163+
}
164+
.aman{
165+
padding: 7% 15%;
166+
background-color: aquamarine;
167+
font-family: "Sacramento";
168+
text-align: center;
169+
}
170+
.aman-Para{
171+
font-family: "Montserrat";
172+
line-height: 2;
173+
}
174+
175+
.Ishika-Ishani{
176+
text-align: center;
177+
padding: 7% 15%;
178+
background-color: rgb(115, 199, 251);
179+
180+
}
181+
182+
#Ishika-Ishani{
183+
font-family: "Sacramento";
184+
}
185+
186+
#Ishika-Ishani-Para{
187+
font-family: "Montserrat";
188+
line-height: 2;
189+
}
190+
.socials{
191+
display: flex;
192+
justify-content: center;
193+
gap: 1.2rem;
194+
align-items: center;
195+
}
196+
.github{
197+
padding-top: 10px;
198+
width: 20px;
199+
200+
}
201+
.dhruvi
202+
{font-family: 'Sacramento';
203+
background-color: lightblue;
204+
text-align: center;
205+
font-size: 52px;
206+
}
207+
208+
.footer {
209+
padding: 7% 15%;
210+
background-color: black;
211+
}

0 commit comments

Comments
 (0)