File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 1+ <!doctype html>
2+ < html >
3+ < head >
4+ < meta charset ="UTF-8 " />
5+ < style >
6+ @font-face {
7+ font-family : "Stencil Gothic" ;
8+ src : url ("../../fonts/StencilGothic.ttf" ) format ("truetype" );
9+ }
10+
11+ * {
12+ box-sizing : border-box;
13+ margin : 0 ;
14+ padding : 0 ;
15+ }
16+
17+ body {
18+ width : 1200px ;
19+ height : 630px ;
20+ overflow : hidden;
21+ background : black;
22+ font-family : "Stencil Gothic" , monospace;
23+ color : white;
24+ display : flex;
25+ align-items : center;
26+ justify-content : center;
27+ position : relative;
28+ }
29+
30+ .bg {
31+ position : absolute;
32+ inset : 0 ;
33+ background : url ("../photos/daybreaker-iso-crowd.jpeg" )
34+ center / cover no-repeat;
35+ filter : grayscale (1 ) contrast (1.2 );
36+ opacity : 0.35 ;
37+ }
38+
39+ .content {
40+ position : relative;
41+ z-index : 1 ;
42+ text-align : center;
43+ }
44+
45+ .logo {
46+ width : 120px ;
47+ margin-bottom : 32px ;
48+ }
49+
50+ h1 {
51+ font-size : 72px ;
52+ letter-spacing : 12px ;
53+ font-weight : normal;
54+ }
55+ </ style >
56+ </ head >
57+ < body >
58+ < div class ="bg "> </ div >
59+ < div class ="content ">
60+ < img
61+ src ="../../logo/SAYLESS-TRANSPARENT.png "
62+ alt =""
63+ class ="logo "
64+ />
65+ < h1 > JOIN THE LIST</ h1 >
66+ </ div >
67+ </ body >
68+ </ html >
You can’t perform that action at this time.
0 commit comments