-
Notifications
You must be signed in to change notification settings - Fork 0
/
video.html
130 lines (130 loc) · 6.13 KB
/
video.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="포트폴리오, 기업형 사이트, 웹 퍼블리셔">
<meta name="description" content="기업형 사이트 포트폴리오입니다.">
<meta property="og:title" content="이단비 - 포트폴리오 사이트">
<meta property="og:description" content="기업형 사이트 포트폴리오입니다.">
<meta property="og:url" content="https://danbi-lee.github.io/portfolio_Corporate/">
<meta property="og:image" content="https://danbi-lee.github.io/portfolio_Corporate/img/galaxy.jpg">
<script src="https://kit.fontawesome.com/674d94d429.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/video.css">
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/youtube.js"></script>
<script src="js/headBox.js"></script>
<title>이단비 portfolio Corporate01</title>
</head>
<body>
<header id="headBox">
<div class="inner wrap">
<h1><a href="./">Observatory</a></h1>
<ul class="gnb wrap">
<li>
<a href="./about-us.html">About Us</a>
<ul class="depth2">
<li><a href="./about-us.html#introduceBox">Introduction</a></li>
<li><a href="./about-us.html#historyBox">History</a></li>
<li><a href="./about-us.html#organizationBox">Organization</a></li>
</ul>
</li>
<li><a href="./gallery.html">Gallery</a></li>
<li><a href="./video.html">Video</a></li>
<li><a href="./community.html">Community</a></li>
<li>
<a href="./contact.html">Contact Us</a>
<ul class="depth2">
<li><a href="./contact.html#contactBox">Online Contact</a></li>
<li><a href="./contact.html#mapBox">Offline Contact</a></li>
</ul>
</li>
</ul>
<ul class="unb wrap">
<li><a href="./login.html"><i class="fas fa-power-off"></i> <span>log</span><span>in</span></a></li>
<li><a href="./join.html"><i class="fas fa-edit"></i> join</a></li>
</ul>
<button class="btn_gnb" type="button"><i class="fas fa-bars"></i><span class="hidden">더보기</span></button>
</div>
</header>
<figure id="visual">
<h1>Video</h1>
<video src="img/blackhole.mp4" autoplay loop muted></video>
</figure>
<section id="video">
<div class="inner">
<ul class="list wrap">
<!-- <li>
<a heft="#">
<img src="https://i.ytimg.com/vi/P8Ek0-FrS-Y/sddefault.jpg" alt="">
<div class="contents">
<div class="svg">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="play-circle" class="svg-inline--fa fa-play-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm115.7 272l-176 101c-15.8 8.8-35.7-2.5-35.7-21V152c0-18.4 19.8-29.8 35.7-21l176 107c16.4 9.2 16.4 32.9 0 42z"></path></svg>
</div>
<h2 class="title">titletitletitletitletitletitletitletitletitletitletitletitletitletitletitletitletitletitletitletitletitletitle</h2>
</div>
</a>
</li> -->
</ul>
</div>
</section>
<footer id="footBox">
<h1 class="hidden">footer</h1>
<div class="inner">
<div class="inb_box wrap">
<ul class="inb wrap">
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">email collection</a></li>
</ul>
<address>52 Ilsandong-gu, Goyang-si, Gyeonggi-do, Republic of Korea</address>
</div>
<div class="logo_box wrap">
<h2>Observatory</h2>
<ul class="call_box">
<li>
<strong>Dodam</strong>
<span><a href="tel:1231231234">123-123-1234</a></span>
</li>
<li>
<strong>Arum</strong>
<span><a href="tel:1231231234">123-123-1234</a></span>
</li>
<li>
<strong>Jong</strong>
<span><a href="tel:1231231234">123-123-1234</a></span>
</li>
<li>
<strong>Hansol</strong>
<span><a href="tel:1231231234">123-123-1234</a></span>
</li>
<li>
<strong>Gounnam</strong>
<span><a href="tel:1231231234">123-123-1234</a></span>
</li>
<li>
<strong>Goun</strong>
<span><a href="tel:1231231234">123-123-1234</a></span>
</li>
<li>
<strong>Boram</strong>
<span><a href="tel:1231231234">123-123-1234</a></span>
</li>
<li>
<strong>Deap</strong>
<span><a href="tel:1231231234">123-123-1234</a></span>
</li>
<li>
<strong>Searom</strong>
<span><a href="tel:1231231234">123-123-1234</a></span>
</li>
<li>
<strong>Sodam</strong>
<span><a href="tel:1231231234">123-123-1234</a></span>
</li>
</ul>
<small>Copyright © DanBi-Lee. All Rights Reserved.</small>
</div>
</div>
</footer>
</body>
</html>