Skip to content

Commit b34b872

Browse files
author
jay-deep
committed
Sophmore page
Bro , Now check it, is it fine? Will definitely enhance the css but main thing is code, I tried so hard , You assigned me so literally I dont wanted to let u down, Plz inform me the errors in this. JsrEntity#20
1 parent 49e5fa6 commit b34b872

File tree

3 files changed

+234
-0
lines changed

3 files changed

+234
-0
lines changed

‎project 2.html‎

Lines changed: 234 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,234 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title></title>
5+
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
6+
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
7+
<link href="https://fonts.googleapis.com/css2?family=Rubik&display=swap" rel="stylesheet">
8+
<style>
9+
*{
10+
font-family: 'Roboto', sans-serif;
11+
}
12+
.instagram{
13+
width: 38px;
14+
height: 13 vh;
15+
padding-left: 25px;
16+
padding-top: 20px;
17+
}
18+
19+
.leftwala{
20+
padding-left: 120px;
21+
margin-top: -30px;
22+
23+
}
24+
25+
.leftwala a{
26+
/*font-weight: bold;*/
27+
font-family: 'Rubik', sans-serif;
28+
text-decoration: none;
29+
color: black;
30+
font-size: 25px;
31+
padding-left: 50px;
32+
}
33+
34+
.rightwala{
35+
padding-left: 870px;
36+
margin-top: -30px;
37+
}
38+
39+
.rightwala a{
40+
/*font-weight: bold;*/
41+
font-family: 'Rubik', sans-serif;
42+
color: black;
43+
text-decoration: none;
44+
font-size: 25px;
45+
padding-left: 25px;
46+
}
47+
48+
49+
50+
hr{
51+
color: black;
52+
width: 100%;
53+
}
54+
55+
56+
h1{ font-size: 50px;
57+
padding-left: 80px;
58+
color: grey;
59+
}
60+
61+
.firstbutton button{
62+
margin-top: 5px;
63+
color: white;
64+
font-family: 'Rubik', sans-serif;
65+
background-color: #ff7675;
66+
width: 700px;
67+
height: 350px;
68+
font-size: 50px;
69+
margin-left: 87px;
70+
/* box-shadow: 10px 15px; */
71+
box-shadow: 5px 6px 22px 7px grey;
72+
border-radius: 32px;
73+
border: 2px solid #deb4b4;
74+
}
75+
76+
h2{
77+
font-size: 30px;
78+
text-align: center;
79+
font-family: 'Rubik', sans-serif;
80+
81+
}
82+
.boi img{
83+
width: 263px;
84+
height: 298px;
85+
float: left;
86+
}
87+
.first3 button{
88+
font-weight: bold;
89+
font-size: 30px;
90+
background-color: #fab1a0;
91+
width: 190px;
92+
height: 135px;
93+
margin-left: 190px;
94+
/* box-shadow: 0.5px 2.5px; */
95+
border-radius: 32px;
96+
border: 2px solid #deb4b4;
97+
font-family: 'Rubik', sans-serif;
98+
99+
100+
box-shadow: 8px 7px 13px 7px rgb(170, 143, 143);
101+
}
102+
103+
.second3 button{
104+
font-weight: bold;
105+
font-size: 30px;
106+
background-color: #fab1a0;
107+
width: 190px;
108+
height: 135px;
109+
margin-left: 190px;
110+
/* box-shadow: 0.5px 2.5px; */
111+
border-radius: 32px;
112+
border: 2px solid #deb4b4;
113+
font-family: 'Rubik', sans-serif;
114+
115+
116+
box-shadow: 8px 7px 13px 7px rgb(170, 143, 143);
117+
}
118+
119+
.lastbutton button{
120+
font-weight: bold;
121+
font-size: 30px;
122+
background-color: #fab1a0;
123+
width: 190px;
124+
height: 135px;
125+
margin-left: 555px;
126+
/* box-shadow: 0.5px 2.5px; */
127+
border-radius: 32px;
128+
border: 2px solid #deb4b4;
129+
font-family: 'Rubik', sans-serif;
130+
131+
132+
box-shadow: 8px 7px 13px 7px rgb(170, 143, 143);
133+
}
134+
.first3 button:hover{
135+
box-shadow: 8px 7px 13px 7px grey;
136+
137+
}
138+
.second3 button:hover{
139+
box-shadow: 8px 7px 13px 7px grey;
140+
141+
}
142+
.lastbutton button:hover{
143+
box-shadow: 8px 7px 13px 7px grey;
144+
145+
}
146+
147+
148+
a:link{
149+
color: black
150+
}
151+
a:visited{
152+
color: black
153+
}
154+
a:hover{
155+
color: red
156+
}
157+
a:active{
158+
color: gold
159+
}
160+
161+
162+
</style>
163+
</head>
164+
<body>
165+
<header>
166+
<img src="./static/logo.png" class="instagram">
167+
<nav class="leftwala">
168+
<a href="">MAIN</a>
169+
<a href="">CREATORS</a>
170+
</nav>
171+
<nav class="rightwala">
172+
<a href="">ABOUT</a>
173+
<a href="">GITHUB</a>
174+
</nav>
175+
<br>
176+
177+
</header>
178+
<hr>
179+
180+
<h1><u>Hey, Sophos</u></h1>
181+
<br><br>
182+
183+
<div class="boi">
184+
<img src="./static/boi.png">
185+
</div>
186+
187+
<div class="firstbutton">
188+
189+
<button>
190+
Everything you <br>
191+
need is at your <br>
192+
click
193+
</button>
194+
</div>
195+
196+
<br><br><br><br>
197+
198+
<h2>
199+
Select Your Branch
200+
</h2>
201+
202+
<br><br>
203+
204+
<div class="first3">
205+
<button>CSE</button>
206+
<button>ECE</button>
207+
<button>EE</button>
208+
</div>
209+
210+
<br><br>
211+
212+
213+
<div class="second3">
214+
<button>MECH</button>
215+
<button>CIVIL</button>
216+
<button>METAL</button>
217+
</div>
218+
219+
<br><br>>
220+
<div class="lastbutton">
221+
<button>PIE</button>
222+
</div>
223+
<br><br>
224+
225+
226+
227+
228+
229+
230+
231+
232+
233+
</body>
234+
</html>

‎static/boi.png‎

19 KB
Loading

‎static/logo.png‎

1.37 MB
Loading

0 commit comments

Comments
 (0)