Skip to content

Commit ab206f1

Browse files
move file according to given format
1 parent 55c217b commit ab206f1

6 files changed

Lines changed: 174 additions & 174 deletions

File tree

IAmrinderSingh/index.html

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width,initial-scale=1.0">
6+
<meta name="author" content="IAmrinderSingh">
7+
<meta name="keywords" content="HTML,CSS">
8+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
9+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css"
10+
integrity="sha512-PgQMlq+nqFLV4ylk1gwUOgm6CtIIXkKwaIHp/PAIWHzig/lKZSEGKEysh0TCVbHJXCLN7WetD8TFecIky75ZfQ=="
11+
crossorigin="anonymous" />
12+
<link rel="stylesheet" href="style.css" />
13+
<link rel="shortcut icon" href="https://media-exp1.licdn.com/dms/image/C4E0BAQH9YN8bvsaayw/company-logo_200_200/0/1519872890453?e=2159024400&v=beta&t=79cdJ2KyoHv3-i4DKo84j0z7nLfcexrRyKEb0K_dnrI"/>
14+
<title>BBSBEC</title>
15+
</head>
16+
<body>
17+
<!-- contect section -->
18+
<div class="contact">
19+
<ul class='a'>
20+
<li><h2>Contact us</h2></li>
21+
<li><a href="tel:987867564"><i class="fas fa-phone-alt">987867564</i></a></li>
22+
<li><a href="https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=principal@bbsbec.ac.in"><i class="far fa-envelope">example@bbsbec.ac.in</i></a></li>
23+
<li><a href="https://www.facebook.com/theofficialBBSBEC/"><i class="fab fa-facebook"></i></a></li>
24+
<li><a href="https://in.linkedin.com/school/baba-banda-singh-bahadur-engineering-college/"><i class="fab fa-linkedin"></i></a></li>
25+
<li id="signuplogin"><h4>Sign up/Login</h4></li>
26+
</ul>
27+
</div>
28+
<!-- navigation section -->
29+
<div class="navbar">
30+
<div class="container">
31+
<img src="https://media-exp1.licdn.com/dms/image/C4E0BAQH9YN8bvsaayw/company-logo_200_200/0/1519872890453?e=2159024400&v=beta&t=79cdJ2KyoHv3-i4DKo84j0z7nLfcexrRyKEb0K_dnrI" alt="bbsbec_logo">
32+
</div>
33+
<div class="menu">
34+
<ul>
35+
<li><a href="">Home </a></li>
36+
<li><a href="">About us <i class="fas fa-chevron-down"></i></a></li>
37+
<li><a href="">Resources <i class="fas fa-chevron-down"></i></a></li>
38+
<li><a href="">Reunion and events <i class="fas fa-chevron-down"></i></a></li>
39+
<li><a href="">Initiatives <i class="fas fa-chevron-down"></i></a></li>
40+
<li><a href=""><i class="fas fa-search"></i></a></li>
41+
</ul>
42+
</div>
43+
</div>
44+
<!-- heading section -->
45+
<div class="heading">
46+
<h1>BBSBEC ALUMNI ASSOCIATION</h1>
47+
</div>
48+
<!-- image of bbsbec -->
49+
<div class="bbsbecimage">
50+
<img src="bbsbecimage.jpg" alt="bbsbecimage">
51+
</div>
52+
</body>
53+
54+
</html>

IAmrinderSingh/style.css

Lines changed: 120 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,120 @@
1+
*,::after,::before{
2+
margin: 0px;
3+
padding: 0px;
4+
}
5+
body{
6+
font-family: Arial, sans-serif,;
7+
font-size: 24px;
8+
background-color: white;
9+
}
10+
11+
12+
13+
/* contact section */
14+
15+
.contact{
16+
background-color:#1b3131;
17+
color: white;
18+
}
19+
.a{
20+
display:inline-block;
21+
margin-left: 45px;
22+
}
23+
.a li a{
24+
color:#999999;
25+
}
26+
.a li a:hover{
27+
color: #f2f2f2;
28+
}
29+
30+
#signuplogin{
31+
display: inline-block;
32+
text-align: center;
33+
border-radius: 5px;
34+
-webkit-border-radius: 5px;
35+
-moz-border-radius: 5px;
36+
-ms-border-radius: 5px;
37+
-o-border-radius: 5px;
38+
background-color:#00994d ;
39+
margin-top: 8px;
40+
margin-right: 5px;
41+
position: absolute;
42+
right: 0;
43+
}
44+
#signuplogin:hover{
45+
cursor: pointer;
46+
background-color: #008040;
47+
}
48+
li{
49+
display: inline-block;
50+
margin-right: 6px;
51+
}
52+
@media (max-width:875px) {
53+
li{
54+
display: block;
55+
}
56+
#signuplogin{
57+
display: inline-block;
58+
position: relative;
59+
right: 0;
60+
margin-bottom: 10px;
61+
}
62+
.fa-facebook:after{
63+
content: " Facebook";
64+
}
65+
.fa-linkedin:after{
66+
content: " Linkedin";
67+
}
68+
.cantainer{
69+
float: left;
70+
}
71+
}
72+
73+
74+
75+
76+
77+
/* navigation section */
78+
div.nav{
79+
font-size: 40%;
80+
}
81+
div.container img{
82+
width: 80px;
83+
margin-left: 35px;
84+
}
85+
div.container{
86+
margin: 10px;
87+
float: left;
88+
89+
}
90+
div.menu{
91+
float: right;
92+
margin-top: 10px;
93+
font-size: 80%;
94+
}
95+
96+
div.menu a{
97+
text-decoration: none;
98+
color: #999999;
99+
}
100+
div.menu a:hover{
101+
color: #262626;
102+
}
103+
104+
105+
106+
107+
108+
/* heading */
109+
.heading{
110+
text-align: center;
111+
font-size: 70%;
112+
margin-top: 150px;
113+
}
114+
div.bbsbecimage{
115+
text-align: center;
116+
}
117+
div.bbsbecimage img{
118+
width: 90%;
119+
margin-top: 20px;
120+
}

index.html

Lines changed: 0 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -1,54 +0,0 @@
1-
<!DOCTYPE html>
2-
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width,initial-scale=1.0">
6-
<meta name="author" content="IAmrinderSingh">
7-
<meta name="keywords" content="HTML,CSS">
8-
<meta http-equiv="X-UA-Compatible" content="ie=edge">
9-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css"
10-
integrity="sha512-PgQMlq+nqFLV4ylk1gwUOgm6CtIIXkKwaIHp/PAIWHzig/lKZSEGKEysh0TCVbHJXCLN7WetD8TFecIky75ZfQ=="
11-
crossorigin="anonymous" />
12-
<link rel="stylesheet" href="style.css" />
13-
<link rel="shortcut icon" href="https://media-exp1.licdn.com/dms/image/C4E0BAQH9YN8bvsaayw/company-logo_200_200/0/1519872890453?e=2159024400&v=beta&t=79cdJ2KyoHv3-i4DKo84j0z7nLfcexrRyKEb0K_dnrI"/>
14-
<title>BBSBEC</title>
15-
</head>
16-
<body>
17-
<!-- contect section -->
18-
<div class="contact">
19-
<ul class='a'>
20-
<li><h2>Contact us</h2></li>
21-
<li><a href="tel:987867564"><i class="fas fa-phone-alt">987867564</i></a></li>
22-
<li><a href="https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=principal@bbsbec.ac.in"><i class="far fa-envelope">example@bbsbec.ac.in</i></a></li>
23-
<li><a href="https://www.facebook.com/theofficialBBSBEC/"><i class="fab fa-facebook"></i></a></li>
24-
<li><a href="https://in.linkedin.com/school/baba-banda-singh-bahadur-engineering-college/"><i class="fab fa-linkedin"></i></a></li>
25-
<li id="signuplogin"><h4>Sign up/Login</h4></li>
26-
</ul>
27-
</div>
28-
<!-- navigation section -->
29-
<div class="navbar">
30-
<div class="container">
31-
<img src="https://media-exp1.licdn.com/dms/image/C4E0BAQH9YN8bvsaayw/company-logo_200_200/0/1519872890453?e=2159024400&v=beta&t=79cdJ2KyoHv3-i4DKo84j0z7nLfcexrRyKEb0K_dnrI" alt="bbsbec_logo">
32-
</div>
33-
<div class="menu">
34-
<ul>
35-
<li><a href="">Home </a></li>
36-
<li><a href="">About us <i class="fas fa-chevron-down"></i></a></li>
37-
<li><a href="">Resources <i class="fas fa-chevron-down"></i></a></li>
38-
<li><a href="">Reunion and events <i class="fas fa-chevron-down"></i></a></li>
39-
<li><a href="">Initiatives <i class="fas fa-chevron-down"></i></a></li>
40-
<li><a href=""><i class="fas fa-search"></i></a></li>
41-
</ul>
42-
</div>
43-
</div>
44-
<!-- heading section -->
45-
<div class="heading">
46-
<h1>BBSBEC ALUMNI ASSOCIATION</h1>
47-
</div>
48-
<!-- image of bbsbec -->
49-
<div class="bbsbecimage">
50-
<img src="bbsbecimage.jpg" alt="bbsbecimage">
51-
</div>
52-
</body>
53-
54-
</html>

script.js

Whitespace-only changes.

style.css

Lines changed: 0 additions & 120 deletions
Original file line numberDiff line numberDiff line change
@@ -1,120 +0,0 @@
1-
*,::after,::before{
2-
margin: 0px;
3-
padding: 0px;
4-
}
5-
body{
6-
font-family: Arial, sans-serif,;
7-
font-size: 24px;
8-
background-color: white;
9-
}
10-
11-
12-
13-
/* contact section */
14-
15-
.contact{
16-
background-color:#1b3131;
17-
color: white;
18-
}
19-
.a{
20-
display:inline-block;
21-
margin-left: 45px;
22-
}
23-
.a li a{
24-
color:#999999;
25-
}
26-
.a li a:hover{
27-
color: #f2f2f2;
28-
}
29-
30-
#signuplogin{
31-
display: inline-block;
32-
text-align: center;
33-
border-radius: 5px;
34-
-webkit-border-radius: 5px;
35-
-moz-border-radius: 5px;
36-
-ms-border-radius: 5px;
37-
-o-border-radius: 5px;
38-
background-color:#00994d ;
39-
margin-top: 8px;
40-
margin-right: 5px;
41-
position: absolute;
42-
right: 0;
43-
}
44-
#signuplogin:hover{
45-
cursor: pointer;
46-
background-color: #008040;
47-
}
48-
li{
49-
display: inline-block;
50-
margin-right: 6px;
51-
}
52-
@media (max-width:875px) {
53-
li{
54-
display: block;
55-
}
56-
#signuplogin{
57-
display: inline-block;
58-
position: relative;
59-
right: 0;
60-
margin-bottom: 10px;
61-
}
62-
.fa-facebook:after{
63-
content: " Facebook";
64-
}
65-
.fa-linkedin:after{
66-
content: " Linkedin";
67-
}
68-
.cantainer{
69-
float: left;
70-
}
71-
}
72-
73-
74-
75-
76-
77-
/* navigation section */
78-
div.nav{
79-
font-size: 40%;
80-
}
81-
div.container img{
82-
width: 80px;
83-
margin-left: 35px;
84-
}
85-
div.container{
86-
margin: 10px;
87-
float: left;
88-
89-
}
90-
div.menu{
91-
float: right;
92-
margin-top: 10px;
93-
font-size: 80%;
94-
}
95-
96-
div.menu a{
97-
text-decoration: none;
98-
color: #999999;
99-
}
100-
div.menu a:hover{
101-
color: #262626;
102-
}
103-
104-
105-
106-
107-
108-
/* heading */
109-
.heading{
110-
text-align: center;
111-
font-size: 70%;
112-
margin-top: 150px;
113-
}
114-
div.bbsbecimage{
115-
text-align: center;
116-
}
117-
div.bbsbecimage img{
118-
width: 90%;
119-
margin-top: 20px;
120-
}

0 commit comments

Comments
 (0)