Skip to content

Commit 80dbb81

Browse files
authored
Add files via upload
Alternative CSS For Landing Page
1 parent cc8bd9f commit 80dbb81

File tree

1 file changed

+77
-0
lines changed

1 file changed

+77
-0
lines changed

public/css/landing_alt.css

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
/* all */
2+
* {
3+
padding: 0;
4+
margin: 0;
5+
box-sizing: border-box;
6+
text-decoration: none;
7+
}
8+
9+
/* header */
10+
header {
11+
height: 150px;
12+
width: 100%;
13+
}
14+
15+
.head-right {
16+
padding: 30px;
17+
float: right;
18+
display: flex;
19+
}
20+
21+
#name {
22+
padding: 15px 0;
23+
font-size: 20px;
24+
font-family: Calibri;
25+
color: #9C9999;
26+
}
27+
28+
#logo {
29+
height: 60px;
30+
width: auto;
31+
}
32+
33+
/* main */
34+
.container {
35+
margin: 0 140px;
36+
display: flex;
37+
}
38+
39+
.container-left {
40+
float: left;
41+
margin-right: 80px;
42+
}
43+
44+
.container-left h1 {
45+
font-size: 60px;
46+
line-height: 80px;
47+
font-family: Libre Caslon Display;
48+
padding-bottom: 40px;
49+
}
50+
51+
.container-left h1 span {
52+
color: #6775F7;
53+
}
54+
55+
.container-left p {
56+
font-size: 20px;
57+
line-height: 30px;
58+
color: #9C9999;
59+
padding-bottom: 40px;
60+
}
61+
62+
.container-left button {
63+
padding: 15px 40px;
64+
border-radius: 50px;
65+
color: white;
66+
background-color: #6775F7;
67+
}
68+
69+
.container-left button:hover {
70+
background-color: #2e41f2;
71+
cursor: pointer;
72+
transition: 1s ease;
73+
}
74+
75+
.container-right {
76+
float: right;
77+
}

0 commit comments

Comments
 (0)