-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
87 lines (83 loc) · 5.9 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Team NiNE</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="css/main.css">
<!-- external stylesheets-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.7/jquery.fullpage.min.css" integrity="sha256-27KRQA6ck6EiKWEkCpHR2NcEeAYnqz8Q5a83PYHh1z0=" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" integrity="sha256-j+P6EZJVrbXgwSR5Mx+eCS6FvP9Wq27MBRC/ogVriY0=" crossorigin="anonymous" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous" ></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.7/jquery.fullpage.min.js" integrity="sha256-SNaaqfQPa0XlEqQDrsurQ+Qq5XnhNrwHQXnZpdXlCEI=" crossorigin="anonymous"></script>
<!-- Polyfills -->
<script src="https://bowercdn.net/c/cssfx-0.9.6/cssfx.min.js"></script>
<script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>
<script src="https://cdn.rawgit.com/saabi/vminpoly/d4c34679/vminpoly.js"></script>
<script src="js/config.js"></script>
<script src="js/main.js"></script>
</head>
<body>
<div class="main">
<div class="fullscreen">
<div>We are<br>NiNE</div>
</div>
<img class="img-nine animated fadeInRight" src="img/nine-text.svg" alt="9">
<img src="img/scroll-assitant-border.svg" class="scroll-assitant-border" alt="Scroll down to continue">
<i class="fas fa-circle fa-lg animated infinite fadeInDown"></i>
</div>
<div id="project-modal">
<span class="name">프로젝트명</span>
<div class="icons">
<i class="fas fa-2x fa-times"></i>
<a class="fab fa-2x fa-github"></a>
</div>
<div class="details">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto voluptate earum odit quae aspernatur reiciendis ipsam numquam animi pariatur aliquam expedita cupiditate exercitationem, nam id eligendi ex obcaecati cumque libero.
Ducimus ex nihil, dolor at quos atque doloribus non molestias aliquid neque aspernatur, illo ipsum iusto eligendi provident recusandae. Maiores doloremque voluptates velit eveniet rerum, quaerat natus ab minima maxime?
Temporibus aliquid recusandae rem voluptatibus! Deleniti corporis, in rem optio aut omnis maxime distinctio ut et consequuntur voluptatum architecto amet. Minima error nostrum culpa itaque perferendis sed nisi incidunt modi?
Facere, maxime delectus! Earum ipsum consequuntur modi voluptatum rerum ut magnam asperiores possimus, dignissimos exercitationem obcaecati mollitia dolorem saepe tempora in voluptatibus nemo odio. Quae aperiam quidem consequuntur fugit unde.
Fugiat fugit earum nesciunt voluptate. Ab libero reprehenderit, sunt soluta numquam rem? Fuga, molestias velit repellat eveniet officiis numquam perspiciatis veritatis alias minima debitis cum aliquam laboriosam voluptas doloremque cumque.
</div>
</div>
<div id="fullpage">
<div class="section fake"><!-- fakepage - do not put anything on here --></div>
<div class="section">
<button type="button" class="btn-learn-more btn">
<i class="fas fa-chevron-right"></i>
<span>더 알아보기</span>
</button>
</div>
<div class="section">
<div id="members-carousel" class="carousel slide">
<div class="carousel-inner">
</div>
<a class="carousel-control-prev" onclick="$('#members-carousel').carousel('prev')">
<button type="button" class="btn-circle btn"><i class="fas fa-chevron-left"></i></button>
</a>
<a class="carousel-control-next" onclick="$('#members-carousel').carousel('next')">
<button type="button" class="btn-circle btn"><i class="fas fa-chevron-right"></i></button>
</a>
</div>
</div>
<div class="section projects">
<button type="button" class="btn-learn-more btn">
<i class="fas fa-chevron-right"></i>
<span>더 찾아보기</span>
</button>
</div>
<div class="section">contact</div>
</div>
<div id="menu">
<span class="slide-indicator-2" onclick="$.fn.fullpage.moveTo(2)"><i class="far fa-circle fa-xs"></i> about us</span><br>
<span class="slide-indicator-3" onclick="$.fn.fullpage.moveTo(3)"><i class="far fa-circle fa-xs"></i> members</span><br>
<span class="slide-indicator-4" onclick="$.fn.fullpage.moveTo(4)"><i class="far fa-circle fa-xs"></i> projects</span><br>
<span class="slide-indicator-5" onclick="$.fn.fullpage.moveTo(5)"><i class="far fa-circle fa-xs"></i> contact</span><br>
</div>
</body>
</html>