Skip to content

Commit c795af1

Browse files
BitKnigthBitKnigth
authored
Merge pull request #5 from RocketPy-Team/add-footer
Add footer to the page
2 parents 992ad19 + bdeb43f commit c795af1

10 files changed

Lines changed: 351 additions & 76 deletions

File tree

‎css/font-awesome/css/brands.min.css‎

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/font-awesome/css/fontawesome.min.css‎

Lines changed: 9 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/font-awesome/css/solid.min.css‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
/*!
2+
* Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com
3+
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
4+
* Copyright 2024 Fonticons, Inc.
5+
*/
6+
:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}

‎css/font-awesome/webfonts/fa-brands-400.ttf‎

204 KB
Binary file not shown.

‎css/font-awesome/webfonts/fa-brands-400.woff2‎

115 KB
Binary file not shown.

‎css/font-awesome/webfonts/fa-solid-900.ttf‎

414 KB
Binary file not shown.

‎css/font-awesome/webfonts/fa-solid-900.woff2‎

154 KB
Binary file not shown.

‎css/footer.css‎

Lines changed: 191 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,191 @@
1+
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,500,300,700);
2+
3+
* {
4+
font-family: Open Sans;
5+
}
6+
7+
.footer-distributed {
8+
bottom: 0;
9+
min-width: 100%;
10+
border-top: solid 0.5rem rgba(33, 35, 50, 0.80);
11+
background: rgba(3, 11, 40, 1);
12+
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
13+
box-sizing: border-box;
14+
width: 100%;
15+
text-align: left;
16+
font: bold 16px sans-serif;
17+
padding: 55px 50px;
18+
margin-top: auto;
19+
}
20+
21+
.footer-distributed .footer-left,
22+
.footer-distributed .footer-center,
23+
.footer-distributed .footer-right {
24+
display: inline-block;
25+
vertical-align: top;
26+
}
27+
28+
/* Footer left */
29+
30+
.footer-distributed .footer-left {
31+
width: 40%;
32+
}
33+
34+
/* The company logo */
35+
36+
.footer-distributed h3 {
37+
color: #ffffff;
38+
font: normal 36px 'Open Sans', cursive;
39+
margin: 0;
40+
}
41+
42+
.footer-distributed h3 span {
43+
color: lightseagreen;
44+
}
45+
46+
/* Footer links */
47+
48+
.footer-distributed .footer-links {
49+
color: #ffffff;
50+
margin: 20px 0 12px;
51+
padding: 0;
52+
}
53+
54+
.footer-distributed .footer-links a {
55+
display: inline-block;
56+
line-height: 1.8;
57+
font-weight: 400;
58+
text-decoration: none;
59+
color: inherit;
60+
}
61+
62+
.footer-distributed .footer-company-name {
63+
color: #222;
64+
font-size: 14px;
65+
font-weight: normal;
66+
margin: 0;
67+
}
68+
69+
/* Footer Center */
70+
71+
.footer-distributed .footer-center {
72+
width: 35%;
73+
}
74+
75+
.footer-distributed .footer-center i {
76+
background-color: #33383b;
77+
color: #ffffff;
78+
font-size: 25px;
79+
width: 38px;
80+
height: 38px;
81+
border-radius: 50%;
82+
text-align: center;
83+
line-height: 42px;
84+
margin: 10px 15px;
85+
vertical-align: middle;
86+
}
87+
88+
.footer-distributed .footer-center i.fa-envelope {
89+
font-size: 17px;
90+
line-height: 38px;
91+
}
92+
93+
.footer-distributed .footer-center p {
94+
display: inline-block;
95+
color: #ffffff;
96+
font-weight: 400;
97+
vertical-align: middle;
98+
margin: 0;
99+
}
100+
101+
.footer-distributed .footer-center p span {
102+
display: block;
103+
font-weight: normal;
104+
font-size: 14px;
105+
line-height: 2;
106+
}
107+
108+
.footer-distributed .footer-center p a {
109+
color: #fff;
110+
text-decoration: none;
111+
}
112+
113+
.footer-distributed .footer-links a:before {
114+
content: "|";
115+
font-weight: 300;
116+
font-size: 20px;
117+
left: 0;
118+
color: #fff;
119+
display: inline-block;
120+
padding-right: 5px;
121+
}
122+
123+
.footer-distributed .footer-links .link-1:before {
124+
content: none;
125+
}
126+
127+
/* Footer Right */
128+
129+
.footer-distributed .footer-right {
130+
width: 20%;
131+
}
132+
133+
.footer-distributed .footer-company-about {
134+
line-height: 20px;
135+
color: #92999f;
136+
font-size: 13px;
137+
font-weight: normal;
138+
margin: 0;
139+
}
140+
141+
.footer-distributed .footer-company-about span {
142+
display: block;
143+
color: #ffffff;
144+
font-size: 14px;
145+
font-weight: bold;
146+
margin-bottom: 20px;
147+
}
148+
149+
.footer-distributed .footer-icons {
150+
margin-top: 25px;
151+
}
152+
153+
.footer-distributed .footer-icons a {
154+
display: inline-block;
155+
width: 35px;
156+
height: 35px;
157+
cursor: pointer;
158+
background-color: #33383b;
159+
border-radius: 2px;
160+
161+
font-size: 20px;
162+
color: #ffffff;
163+
text-align: center;
164+
line-height: 35px;
165+
166+
margin-right: 3px;
167+
margin-bottom: 5px;
168+
}
169+
170+
/* If you don't want the footer to be responsive, remove these media queries */
171+
172+
@media (max-width: 880px) {
173+
174+
.footer-distributed {
175+
font: bold 14px sans-serif;
176+
}
177+
178+
.footer-distributed .footer-left,
179+
.footer-distributed .footer-center,
180+
.footer-distributed .footer-right {
181+
display: block;
182+
width: 100%;
183+
margin-bottom: 40px;
184+
text-align: center;
185+
}
186+
187+
.footer-distributed .footer-center i {
188+
margin-left: 0;
189+
}
190+
191+
}

‎css/main.css‎

Lines changed: 17 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,17 +3,20 @@
33
}
44
body {
55
font-size: 14px;
6+
overflow: visible;
7+
display: flex;
8+
flex-direction: column;
69
}
710

811
.v33_2 {
912
width: 100%;
10-
height: 6365px;
13+
height: 4865px;
1114
background: url("../images/Default Background.png");
1215
opacity: 1;
1316
position: absolute;
1417
top: 0px;
1518
left: 0px;
16-
overflow: hidden;
19+
overflow: visible;
1720
}
1821
.v34_21 {
1922
width: 100%;
@@ -704,6 +707,18 @@ body {
704707
top: 12px;
705708
overflow: hidden;
706709
}
710+
711+
.footer-logo {
712+
width: 340px;
713+
height: 86px;
714+
background: url("../images/v33_6.png");
715+
background-repeat: no-repeat;
716+
background-position: center center;
717+
background-size: cover;
718+
margin-left: -27px;
719+
opacity: 1;
720+
}
721+
707722
.v89_17 {
708723
width: 313px;
709724
height: 85px;

0 commit comments

Comments
 (0)