Skip to content

Commit dccf682

Browse files
author
Aditya630
committed
commit
0 parents  commit dccf682

File tree

11 files changed

+315
-0
lines changed

11 files changed

+315
-0
lines changed

‎README.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
# html-css-website
2+
Build a beatiful HTML/CSS website. Code for the scotch.io course.

‎css/style.css

Lines changed: 184 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,184 @@
1+
/* resetting browser stuff */
2+
* {
3+
box-sizing: border-box;
4+
}
5+
html,
6+
body {
7+
margin: 0;
8+
padding: 0;
9+
line-height: 1.5;
10+
font-size: 16px;
11+
}
12+
13+
/* styling our overall page */
14+
body {
15+
background: #FFF;
16+
font-family: Arial, Helvetica, sans-serif;
17+
}
18+
19+
/* styling our header */
20+
header {
21+
background: #222;
22+
color: #FFF;
23+
padding: 20px 30px;
24+
}
25+
26+
/* logo */
27+
#logo {
28+
display: inline-block;
29+
color: #FFF;
30+
text-decoration: none;
31+
width: 49%;
32+
}
33+
#logo img {
34+
width: 50px;
35+
border-radius: 3px;
36+
margin-right: 8px;
37+
vertical-align: middle;
38+
}
39+
#logo span {
40+
display: inline-block;
41+
}
42+
43+
/* main navigation */
44+
nav {
45+
width: 50%;
46+
display: inline-block;
47+
text-align: right;
48+
}
49+
nav ul {
50+
list-style: none;
51+
margin: 0;
52+
}
53+
nav ul li {
54+
display: inline-block;
55+
}
56+
nav ul li a {
57+
color: #FFF;
58+
text-decoration: none;
59+
display: block;
60+
padding: 10px 15px;
61+
border-radius: 3px;
62+
transition: 0.3s ease all;
63+
}
64+
nav ul li a:hover {
65+
background: #444;
66+
}
67+
68+
/* styling our footer */
69+
footer {
70+
background: #222;
71+
color: #777;
72+
padding: 40px;
73+
text-align: center;
74+
}
75+
footer img {
76+
display: block;
77+
border-radius: 5px;
78+
width: 80px;
79+
margin: 0 auto 10px;
80+
}
81+
82+
/* styling our main content */
83+
.hero {
84+
min-height: 800px;
85+
text-align: center;
86+
background-image: url('../img/sky.jpg');
87+
background-size: cover;
88+
}
89+
.hero-content {
90+
color: #FFF;
91+
padding-top: 130px;
92+
}
93+
.hero-content h1 {
94+
font-size: 100px;
95+
margin: 0;
96+
}
97+
.hero-content p {
98+
font-size: 50px;
99+
}
100+
.hero-content a {
101+
display: inline-block;
102+
color: #FFF;
103+
border: 3px solid #FFF;
104+
border-radius: 3px;
105+
padding: 15px 30px;
106+
margin-right: 20px;
107+
text-decoration: none;
108+
font-size: 28px;
109+
}
110+
111+
/* basic site sections */
112+
.site-section {
113+
padding-bottom: 50px;
114+
padding-top: 50px;
115+
}
116+
.site-section-secondary {
117+
background: #EFEFEF;
118+
}
119+
.site-section-inside {
120+
width: 80%;
121+
max-width: 1200px;
122+
margin: 0 auto;
123+
}
124+
.section-header {
125+
text-align: center;
126+
margin-bottom: 30px;
127+
}
128+
.section-header h2 {
129+
font-size: 30px;
130+
letter-spacing: 2px;
131+
text-transform: uppercase;
132+
font-weight: 300;
133+
color: #777;
134+
}
135+
136+
/* feature boxes */
137+
.feature-box {
138+
display: inline-block;
139+
width: 33%;
140+
padding: 20px 30px;
141+
}
142+
.feature-box img {
143+
margin-bottom: 12px;
144+
width: 80px;
145+
}
146+
.feature-box h5 {
147+
font-size: 20px;
148+
color: #999;
149+
text-transform: uppercase;
150+
font-weight: 300;
151+
letter-spacing: 2px;
152+
margin: 0;
153+
}
154+
155+
/* testimonial boxes */
156+
.testimonial-box {
157+
display: inline-block;
158+
width: 33%;
159+
padding: 20px 30px;
160+
}
161+
.testimonial-content {
162+
background: #FFF;
163+
padding: 15px;
164+
border-radius: 4px;
165+
margin-bottom: 15px;
166+
}
167+
.testimonial-author {
168+
169+
}
170+
.testimonial-author img {
171+
float: left;
172+
width: 80px;
173+
border-radius: 50%;
174+
margin-right: 15px;
175+
vertical-align: middle;
176+
}
177+
.testimonial-author h5 {
178+
font-size: 18px;
179+
margin: 0;
180+
padding-top:15px;
181+
}
182+
.testimonial-author span {
183+
font-size: 14px;
184+
}

‎img/avatar.jpeg

12 KB
Loading

‎img/brad.jpg

23.3 KB
Loading

‎img/david.jpg

27.6 KB
Loading

‎img/faces.png

7.36 KB
Loading

‎img/heart.png

6 KB
Loading

‎img/holly.jpg

31.3 KB
Loading

‎img/like.png

4.64 KB
Loading

‎img/sky.jpg

853 KB
Loading

0 commit comments

Comments
 (0)