-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
98 lines (92 loc) · 5.86 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
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="MAGE 8 | Multimedia And Game Event 8" />
<meta property="og:type" content="website" />
<meta property="og:image" content="img/og.jpeg" />
<meta property="og:url" content="https://mage-its.id" />
<meta property="og:site_name" content="MAGE" />
<meta property="og:locale" content="en_US" />
<meta property="og:description"
content="MAGE (Multimedia and Game Event) adalah Wadah bagi generasi muda dalam berkreasi, berekspresi, dan berkompetisi untuk menuangkan inovasi sekaligus menyelesaikan permasalahan dengan memanfaatkan berbagai macam teknologi melalui serangkaian kegiatan seperti Development Competition (Apps, IoT, Games), Olimpiade, Workshop, dan Webinar.">
<meta name="description"
content="MAGE (Multimedia and Game Event) adalah Wadah bagi generasi muda dalam berkreasi, berekspresi, dan berkompetisi untuk menuangkan inovasi sekaligus menyelesaikan permasalahan dengan memanfaatkan berbagai macam teknologi melalui serangkaian kegiatan seperti Development Competition (Apps, IoT, Games), Olimpiade, Workshop, dan Webinar." />
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://mage-its.id">
<meta property="twitter:title" content="MAGE 8 | Multimedia And Game Event 8">
<meta property="twitter:description"
content="MAGE (Multimedia and Game Event) adalah Wadah bagi generasi muda dalam berkreasi, berekspresi, dan berkompetisi untuk menuangkan inovasi sekaligus menyelesaikan permasalahan dengan memanfaatkan berbagai macam teknologi melalui serangkaian kegiatan seperti Development Competition (Apps, IoT, Games), Olimpiade, Workshop, dan Webinar.">
<meta property="twitter:image" content="img/og.jpeg">
<title>MAGE 8 | Coming Soon</title>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="crossorigin" />
<link rel="preload" as="style"
href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;700&display=swap" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;700&display=swap"
media="print" onload="this.media='all'" />
<noscript>
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;700&display=swap" />
</noscript>
<link rel="icon" href="img/logo-mage 8.svg" type="image/gif" sizes="16x16">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://kit.fontawesome.com/783e32697d.js" crossorigin="anonymous"></script>
<link href="css/main.css?ver=1.2.0" rel="stylesheet">
</head>
<!-- particles.js container -->
<div id="particles-js"></div>
<!-- scripts -->
<script src="scripts/particles.js"></script>
<script src="scripts/app.js"></script>
<div class="site-wrapper">
<div class="site-wrapper-inner">
<div class="cover-container">
<div class="masthead clearfix">
<div class="inner">
<h3 class="masthead-brand">MAGE 8</h3>
<nav class="nav nav-masthead">
<a class="nav-link nav-social" href="https://www.facebook.com/mageits" title="Facebook"><i
class="fa fa-facebook-f" aria-hidden="true"></i></a>
<a class="nav-link nav-social" href="https://lin.ee/W2tRKll" title="Line"> <i class="fa-brands fa-line"
aria-hidden="true"></i></a>
<a class="nav-link nav-social" href="https://www.youtube.com/channel/UCO1SuldERZu0jgBBDzzOkoQ"
title="Youtube"><i class="fa fa-youtube" aria-hidden="true"></i></a>
<a class="nav-link nav-social" href="https://www.instagram.com/mage_its/?hl=en" title="Instagram"><i
class="fa fa-instagram" aria-hidden="true"></i></a>
<a class="nav-link nav-social" href="http://tiktok.com/@mage.its" title="Tiktok"><i class="fab fa-tiktok"
aria-hidden="true"></i></a>
</nav>
</div>
</div>
<div class="inner cover">
<h1 class="cover-heading">Coming Soon</h1>
<img src="img/mage-8-logo.png" alt="logo-mage-8" style="position: unset;"></img>
<p class="typewrite text-white lead cover-copy" data-period="2000"
data-type='[ "MAGE (Multimedia and Game Event).","Adalah serangkaian acara dibidang IT yang diadakan oleh Departemen Teknik Komputer - FTEIC ITS.", "Sebagai wadah bagi generasi muda dalam berkreasi, berekspresi, dan berkompetisi untuk menuangkan inovasi", "Sekaligus menyelesaikan permasalahan dengan memanfaatkan berbagai macam teknologi melalui serangkaian kegiatan"]'>
</p>
</div>
<div class="mastfoot">
<div class="inner">
<p>© MAGE ITS <a class="animated-underline" href="https://www.its.ac.id/komputer/id/beranda/"
target="_blank">Institut Teknologi
Sepuluh Nopember</a>.</p>
</div>
</div>
</div>
</div>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="scripts/main.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">
</script>
</body>
</html>