-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
142 lines (138 loc) · 7.35 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>141.world</title>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-QX2VPG8G7H"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-QX2VPG8G7H');
</script>
<link href="https://fonts.googleapis.com/css?family=Heebo:400,500,700|Playfair+Display:700" rel="stylesheet">
<link rel="stylesheet" href="dist/css/style.css">
<script src="https://unpkg.com/scrollreveal@4.0.0/dist/scrollreveal.min.js"></script>
<style>
@font-face {
font-family: 'GowunBatang-Regular';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
* {
font-family: 'GowunBatang-Regular';
}
</style>
</head>
<body class="is-boxed has-animations">
<div class="body-wrap boxed-container">
<header class="site-header">
<div class="container">
<div class="site-header-inner">
<div class="brand header-brand">
<h1 class="m-0">
<a href="#">
<img src="dist/images/btn.png" alt="Logo" style="width: 32px; height: 32px;">
</a>
</h1>
</div>
</div>
</div>
</header>
<main>
<section class="hero">
<div class="container">
<div class="hero-inner">
<div class="hero-copy">
<h1 class="hero-title mt-0"><span style="font-size:1.5em; font-family: 'Playfair Display'">1</span>st Awards</h1>
<p class="hero-paragraph">마음에 드는 공모전 선정작을 미리 골라보세요!</p>
<div class="hero-cta">
<a class="button button-shadow" href="/analytics/index.html">Analytics</a>
<a class="button button-shadow" href="/1st_awards/index.html" style="background: linear-gradient(to left, #78ffd6, #a8ff78); color: black !important">Early access</a>
</div>
</div>
<div class="hero-app">
<div class="hero-app-illustration">
<svg width="999" height="931" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient x1="92.827%" y1="0%" x2="53.422%" y2="80.087%" id="hero-shape-a">
<stop stop-color="#F9425F" offset="0%"/>
<stop stop-color="#F97C58" stop-opacity="0" offset="100%"/>
</linearGradient>
<linearGradient x1="92.827%" y1="0%" x2="53.406%" y2="80.12%" id="hero-shape-b">
<stop stop-color="#47A1F9" offset="0%"/>
<stop stop-color="#F9425F" stop-opacity="0" offset="80.532%"/>
<stop stop-color="#FDFFDA" stop-opacity="0" offset="100%"/>
</linearGradient>
<linearGradient x1="8.685%" y1="23.733%" x2="85.808%" y2="82.837%" id="hero-shape-c">
<stop stop-color="#FFF" stop-opacity=".48" offset="0%"/>
<stop stop-color="#FFF" stop-opacity="0" offset="100%"/>
</linearGradient>
<linearGradient x1="79.483%" y1="15.903%" x2="38.42%" y2="70.124%" id="hero-shape-d">
<stop stop-color="#47A1F9" offset="0%"/>
<stop stop-color="#FDFFDA" stop-opacity="0" offset="100%"/>
</linearGradient>
<linearGradient x1="99.037%" y1="26.963%" x2="24.582%" y2="78.557%" id="hero-shape-e">
<stop stop-color="#FDFFDA" stop-opacity=".64" offset="0%"/>
<stop stop-color="#F97C58" stop-opacity=".24" offset="42.952%"/>
<stop stop-color="#F9425F" stop-opacity="0" offset="100%"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<g class="hero-shape-top">
<g class="is-moving-object is-translating" data-translating-factor="280">
<path d="M680.188 0c-23.36 69.79-58.473 98.3-105.34 85.531-70.301-19.152-189.723-21.734-252.399 91.442-62.676 113.175-144.097 167.832-215.195 118.57C59.855 262.702 24.104 287.85 0 370.988L306.184 566.41c207.164-4.242 305.67-51.612 295.52-142.11-10.152-90.497 34.533-163.55 134.054-219.16l4.512-119.609L680.188 0z" fill="url(#hero-shape-a)" transform="translate(1)"/>
</g>
<g class="is-moving-object is-translating" data-translating-factor="100">
<path d="M817.188 222c-23.36 69.79-58.473 98.3-105.34 85.531-70.301-19.152-189.723-21.734-252.399 91.442-62.676 113.175-144.097 167.832-215.195 118.57-47.399-32.841-83.15-7.693-107.254 75.445L443.184 788.41c207.164-4.242 305.67-51.612 295.52-142.11-10.152-90.497 34.533-163.55 134.054-219.16l4.512-119.609L817.188 222z" fill="url(#hero-shape-b)" transform="rotate(-53 507.635 504.202)"/>
</g>
</g>
<g transform="translate(191 416)">
<g class="is-moving-object is-translating" data-translating-factor="50">
<circle fill="url(#hero-shape-c)" cx="336" cy="190" r="190"/>
</g>
<g class="is-moving-object is-translating" data-translating-factor="80">
<path d="M683.766 133.043c-112.048-90.805-184.688-76.302-217.92 43.508-33.23 119.81-125.471 124.8-276.722 14.972-3.156 120.356 53.893 200.09 171.149 239.203 175.882 58.67 346.695-130.398 423.777-239.203 51.388-72.536 17.96-92.03-100.284-58.48z" fill="url(#hero-shape-d)"/>
</g>
<g class="is-moving-object is-translating" data-translating-factor="100">
<path d="M448.206 223.247c-97.52-122.943-154.274-117.426-170.26 16.55C261.958 373.775 169.717 378.766 1.222 254.77c-9.255 95.477 47.794 175.211 171.148 239.203 185.032 95.989 424.986-180.108 424.986-239.203 0-39.396-49.717-49.904-149.15-31.523z" fill="url(#hero-shape-e)" transform="matrix(-1 0 0 1 597.61 0)"/>
</g>
</g>
</g>
</svg>
</div>
<img class="device-mockup" src="dist/images/iphone-mockup.png" alt="App preview">
</div>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container">
<div class="site-footer-inner has-top-divider">
<ul class="footer-links list-reset">
<li>
<a href="#">Contact</a>
</li>
<!--li>
<a href="#">About us</a>
</li>
<li>
<a href="#">FAQ's</a>
</li>
<li>
<a href="#">Support</a>
</li-->
</ul>
<div class="footer-copyright">© 무명의 희진이팬, all rights reserved</div>
</div>
</div>
</footer>
</div>
<script src="dist/js/main.min.js"></script>
</body>
</html>