Skip to content

Commit 49e5fa6

Browse files
decon-harshdecon-harsh
committed
PR 19 modified
1 parent a28078d commit 49e5fa6

File tree

3 files changed

+144
-120
lines changed

3 files changed

+144
-120
lines changed

‎css/freshers.css‎

Lines changed: 24 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
.welcome {
22
padding-top: 150px;
3-
text-align: center;
3+
text-align: left;
44
font-size: 60px;
5+
padding-left: 150px;
6+
color: gray;
57
}
68

79
.button-text {
@@ -12,15 +14,31 @@
1214
font-style: italic;
1315
font-size: 30px;
1416
}
17+
span.author-quote{
18+
font-size: 24px;
19+
}
20+
21+
.git-logo{
22+
margin-top: 120px;
23+
margin-right: 150px;
24+
}
1525

1626
.hero-content {
1727
position: relative;
1828
margin-top: -270px;
29+
height:fit-content ;
1930
}
2031

2132
.hero-bg {
22-
width: 90%;
23-
margin-left: 10%;
33+
margin-top: -150px;
34+
position: relative;
35+
width: 100%;
36+
background-position: center;
37+
background-size: cover;
38+
}
39+
40+
.firstbtn,.secondbtn{
41+
z-index: +1000000;
2442
}
2543

2644
.hero-content__entry {
@@ -33,9 +51,11 @@
3351
}
3452

3553
.entry-words {
54+
font-family: -apple-system, BlinkMacSystemFont;
55+
margin-top: -200px;
3656
align-self: flex-start;
3757
font-size: 50px;
38-
margin-left: 15%;
58+
margin-left: 10%;
3959
color: white;
4060
}
4161

‎css/styles.css‎

Lines changed: 26 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ body {
33
font-family: 'Roboto';
44
font-size: 16px;
55
scroll-behavior: smooth;
6-
font-family: 'Aladin', cursive;
6+
77

88
}
99
/* Topnav */
@@ -17,9 +17,8 @@ body {
1717
height: fit-content;
1818
z-index: 100000;
1919
padding-bottom: 10px;
20-
font-family: 'Aladin', cursive;
2120
top: 0;
22-
background-image: linear-gradient(to bottom, rgba(42, -1, -62, .5), transparent);
21+
/* background-image: linear-gradient(to bottom, rgba(42, -1, -62, .5), transparent); */
2322

2423
/* box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.6); */
2524
}
@@ -42,9 +41,8 @@ body {
4241
}
4342

4443
.topnav a:hover {
45-
background-color: #ddd;
4644
color: black;
47-
box-shadow: -3px -4px 3px 2px rgb(197, 189, 189);
45+
transform: scale(1);
4846

4947
}
5048

@@ -72,6 +70,11 @@ body {
7270
margin-left: 0;
7371
}
7472

73+
.topnav.topnav.responsive a:hover:not(:first-child):not(:last-child){
74+
background-color: aliceblue;
75+
}
76+
77+
7578
.topnav a.icon {
7679
margin-right: 10%;
7780
float: right;
@@ -204,28 +207,27 @@ body {
204207

205208
.firstbtn {
206209
margin: auto;
207-
width: 70%;
210+
width: 60%;
208211
max-width: 600px;
209-
border-radius: 100px;
210-
font-family: 'Aladin', cursive;
212+
border-radius: 40px;
213+
font-family: 'Aladin';
211214

212215
margin-bottom: 20px;
213216
}
214217

215218
.secondbtn {
216219
margin: auto;
217-
width: 70%;
220+
width: 60%;
218221
max-width: 600px;
219-
border-radius: 100px;
220-
font-family: 'Aladin', cursive;
222+
border-radius: 40px;
223+
font-family: 'Aladin';
221224

222225
margin-bottom: 20px;
223226
}
224227

225228
.firstbtn:hover,
226229
.secondbtn:hover {
227-
box-shadow: -3px -4px 3px 2px gray;
228-
transform: scale(1.01);
230+
transform: scale(1.05);
229231
}
230232

231233
.changes-text{
@@ -236,10 +238,10 @@ body {
236238
#chooseyear {
237239
text-align: center;
238240
margin: auto;
239-
margin-top: 100px;
241+
margin-top: -50px;
240242
font-family: "Merriweather";
241243
font-size: 60px;
242-
font-family: 'Aladin', cursive;
244+
font-family: 'Aladin';
243245

244246
}
245247

@@ -252,11 +254,20 @@ body {
252254
}
253255

254256
@media screen and (max-width: 767px) {
257+
255258
.container {
256259
margin-top: 450px;
257260
margin-right: 0px;
258261
}
259262

263+
#chooseyear{
264+
margin-top: 100px;
265+
font-family: 'Times New Roman';
266+
text-align: center;
267+
font-size: 45px;
268+
269+
}
270+
260271
#thick {
261272
height: 2px;
262273
border-width: 0;

‎freshers.html‎

Lines changed: 94 additions & 101 deletions
Original file line numberDiff line numberDiff line change
@@ -1,125 +1,118 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<title>Entity</title>
5-
<meta charset="utf-8" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1" />
7-
<link
8-
rel="stylesheet"
9-
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
10-
/>
11-
<link
12-
href="https://fonts.googleapis.com/css?family=Sofia"
13-
rel="stylesheet"
14-
/>
15-
<link rel="stylesheet" type="text/css" href="css/styles.css" />
16-
<link rel="stylesheet" type="text/css" href="css/freshers.css" />
17-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
18-
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
19-
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
20-
<link
21-
rel="stylesheet"
22-
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
23-
/>
24-
<script type="text/javascript" src="js/index.js"></script>
25-
</head>
263

27-
<body>
28-
<div class="topnav" id="myTopnav">
29-
<a href="#home" class="left">ENTITY</a>
30-
<a href="#news" class="left">MAIN</a>
31-
<a href="#news" class="left">CREATORS</a>
32-
<a href="#about" class="right">GITHUB</a>
33-
<a href="#contact" class="right">ABOUT</a>
34-
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
35-
<i class="fa fa-bars"></i>
36-
</a>
37-
</div>
38-
<!-- NAVBAR -->
4+
<head>
5+
<title>Entity</title>
6+
<meta charset="utf-8" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1" />
8+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" />
9+
<link href="https://fonts.googleapis.com/css?family=Sofia" rel="stylesheet" />
10+
<link rel="stylesheet" type="text/css" href="css/styles.css" />
11+
<link rel="stylesheet" type="text/css" href="css/freshers.css" />
12+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
13+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
14+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
15+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
16+
<script type="text/javascript" src="js/index.js"></script>
17+
</head>
3918

40-
<!-- Hero Section -->
19+
<body>
20+
<div class="topnav" id="myTopnav">
21+
<a href="#home" class="left">ENTITY</a>
22+
<a href="#news" class="left">MAIN</a>
23+
<a href="#news" class="left">CREATORS</a>
24+
<a href="#about" class="right">GITHUB</a>
25+
<a href="#contact" class="right">ABOUT</a>
26+
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
27+
<i class="fa fa-bars"></i>
28+
</a>
29+
</div>
30+
<!-- NAVBAR -->
4131

42-
<h1 class="welcome">Welcome freshers</h1>
32+
<!-- Hero Section -->
4333

44-
<div class="hero-content">
45-
<img src="./static/FresherPageBackground.png" class="hero-bg" />
46-
<div class="hero-content__entry">
47-
<div>
48-
<p class="entry-words">
49-
This is a good oportunity, if you want to contribute to your college
50-
or open source.<br />
51-
Go to Github and send your first PR.
52-
<br />
53-
Learn from everything everytime
54-
</p>
55-
<div style="margin-left: 20%">
56-
<q class="author-quote"
57-
>Dont just solve solutions, try solve issues too
58-
</q>
59-
<span class="author-quote">- Harsh Singh</span>
60-
</div>
61-
</div>
62-
<div class="git-logo">
63-
<img src="./static/Github logo.png" width="100%" />
64-
</div>
65-
</div>
66-
</div>
67-
68-
<div class="container row branches">
69-
<div class="row" style="width: 100%; margin-bottom: 30px">
70-
<h2 id="chooseyear">Physics Sem</h2>
71-
</div>
34+
<h1 class="welcome">Welcome freshers</h1>
7235

73-
<div class="row" style="width: 100%">
74-
<button type="button" class="btn firstbtn btn-lg">
75-
<span class="button-text">Physics</span>
76-
</button>
77-
<button type="button" class="btn secondbtn btn-lg">
78-
<span class="button-text">Electrical <br />/Electronics</span>
79-
</button>
80-
<button type="button" class="btn secondbtn btn-lg">
81-
<span class="button-text">Maths</span>
82-
</button>
36+
<div class="hero-content">
37+
<img src="./static/FresherPageBackground.png" class="hero-bg" />
38+
<div class="hero-content__entry">
39+
<div>
40+
<p class="entry-words">
41+
This is a good oportunity, if you want to contribute to your college
42+
or open source.<br />
43+
Go to Github and send your first PR.
44+
<br />
45+
Learn from everything everytime
46+
</p>
47+
<div style="margin-left: 20%">
48+
<q class="author-quote">Don't just solve solutions, try solving issues too
49+
</q>
50+
<br>
51+
<span class="author-quote" style="margin-left: 50%;">- Harsh Singh</span>
52+
</div>
8353
</div>
84-
<div class="row" style="width: 100%">
85-
<button type="button" class="btn secondbtn btn-lg">
86-
<span class="button-text">Material Scince</span>
87-
</button>
88-
<button type="button" class="btn secondbtn btn-lg">
89-
<span class="button-text">Environmental Studies</span>
90-
</button>
91-
<button type="button" class="btn secondbtn btn-lg">
92-
<span class="button-text">Engineering Drawing</span>
93-
</button>
54+
<div class="git-logo">
55+
<img src="./static/Github logo.png" width="100%" />
9456
</div>
9557
</div>
58+
</div>
9659

97-
<hr />
60+
<div class="container row branches">
9861
<div class="row" style="width: 100%; margin-bottom: 30px">
99-
<h2 id="chooseyear">Chem Semester</h2>
62+
<h2 id="chooseyear">Physics Sem</h2>
10063
</div>
10164

10265
<div class="row" style="width: 100%">
103-
<button type="button" class="btn firstbtn btn-lg">
104-
<span class="button-text">Chemistry</span>
66+
<button type="button" class="btn firstbtn btn-lg" style="width: 25%;">
67+
<span class="button-text">Physics</span>
10568
</button>
106-
<button type="button" class="btn secondbtn btn-lg">
107-
<span class="button-text"> CS</span>
69+
<button type="button" class="btn secondbtn btn-lg" style="width: 25%;">
70+
<span class="button-text">Electrical <br />/Electronics</span>
10871
</button>
109-
<button type="button" class="btn secondbtn btn-lg">
110-
<span class="button-text">Mechanics</span>
72+
<button type="button" class="btn secondbtn btn-lg" style="width: 25%;">
73+
<span class="button-text">Maths</span>
11174
</button>
11275
</div>
11376
<div class="row" style="width: 100%">
114-
<button type="button" class="btn secondbtn btn-lg">
115-
<span class="button-text">Workshop </span>
77+
<button type="button" class="btn secondbtn btn-lg" style="width: 25%;">
78+
<span class="button-text">Material Scince</span>
11679
</button>
117-
<button type="button" class="btn secondbtn btn-lg">
118-
<span class="button-text">English</span>
80+
<button type="button" class="btn secondbtn btn-lg" style="width: 25%;">
81+
<span class="button-text">Environmental Studies</span>
11982
</button>
120-
<button type="button" class="btn secondbtn btn-lg">
121-
<span class="button-text">Maths</span>
83+
<button type="button" class="btn secondbtn btn-lg" style="width: 25%;">
84+
<span class="button-text">Engineering Drawing</span>
12285
</button>
12386
</div>
124-
</body>
125-
</html>
87+
</div>
88+
89+
<hr id="thick" style="width: 90%;margin-top: 100px;">
90+
<div class="row" style="width: 100%; margin-bottom: 30px;padding-top: 100px;">
91+
<h2 id="chooseyear">Chem Sem</h2>
92+
</div>
93+
94+
<div class="row" style="width: 100%">
95+
<button type="button" class="btn firstbtn btn-lg" style="width: 25%;">
96+
<span class="button-text">Chemistry</span>
97+
</button>
98+
<button type="button" class="btn secondbtn btn-lg" style="width: 25%;">
99+
<span class="button-text"> CS</span>
100+
</button>
101+
<button type="button" class="btn secondbtn btn-lg" style="width: 25%;">
102+
<span class="button-text">Mechanics</span>
103+
</button>
104+
</div>
105+
<div class="row" style="width: 100%">
106+
<button type="button" class="btn secondbtn btn-lg" style="width: 25%;">
107+
<span class="button-text">Workshop </span>
108+
</button>
109+
<button type="button" class="btn secondbtn btn-lg" style="width: 25%;">
110+
<span class="button-text">English</span>
111+
</button>
112+
<button type="button" class="btn secondbtn btn-lg" style="width: 25%;">
113+
<span class="button-text">Maths</span>
114+
</button>
115+
</div>
116+
</body>
117+
118+
</html>

0 commit comments

Comments
 (0)