-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfindus.html
87 lines (87 loc) · 5.36 KB
/
findus.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 lang="id">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="application-name" content="POROS">
<meta name="theme-color" content="#ffffff">
<meta name="description" content="POROS merupakan sebuah lembaga semi otonom yang mewadahi pengguna GNU/Linux serta perangkat lunak sumber terbuka yang bernaung di bawah FILKOM UB">
<meta name="robots" content="index,follow">
<meta name="googlebot" content="index,follow">
<title>Find Us | POROS Organization of Open Source FILKOM UB</title>
<link rel="stylesheet" href="/public/css/styles.min.css">
<!-- <link rel="manifest" href="/manifest/manifest.json"> -->
</head>
<body>
<nav class="navbar fixed-top navbar-expand-lg navbar-light z--3 custom__navbar" id="navbar">
<div class="navbar-container">
<a class="navbar-brand custom__navbar-brand" href="/"><img src="/public/images/logo poros.svg" alt="Logo POROS" class="custom__img-fluid"> <span class="navbar__logo--text">POROS</span></a>
<div class="navbar-toggler custom__navbar-toggler hamburger-toggler fadeInMenu" onclick="hamburger()">
<div id="js-hamburger" class="hamburger hamburger--squeeze js-hamburger">
<div class="hamburger-box">
<div class="hamburger-inner"></div>
</div>
</div>
</div>
<div id="hamburger-menu" class="hamburger-menu">
<div class="hamburger-menu-container">
<a class="hamburger-menu-link hamburger-menu-caption" href="/">Home</a>
<a class="hamburger-menu-link hamburger-menu-caption" href="#about">About</a>
<a class="hamburger-menu-link hamburger-menu-caption" href="blogs.html">Blogs</a>
<a class="hamburger-menu-link hamburger-menu-caption" href="findus.html">Find Us</a>
<!-- <a
class="hamburger-menu-link hamburger-menu-button"
href="/oprec2021"
>Apply Now</a
> -->
<!-- <a class="hamburger-menu-link hamburger-menu-button" href="/pengumuman">Pengumuman</a> -->
</div>
</div>
<div class="collapse navbar-collapse desktop-only" id="navbarNavAltMarkup">
<div class="navbar-nav custom__navbar-nav ml-auto">
<a class="nav-item nav-link custom__nav-item custom__nav-link" href="/">Home</a>
<a class="nav-item nav-link custom__nav-item custom__nav-link" href="#about">About</a>
<a class="nav-item nav-link custom__nav-item custom__nav-link" href="blogs.html">Blogs</a>
<a class="nav-item nav-link custom__nav-item custom__nav-link" href="findus.html">Find Us</a>
<!-- <a class="custom__button" href="/oprec2021">Apply Now</a> -->
<!-- <a class="custom__button" href="/pengumuman">Pengumuman</a> -->
</div>
</div>
</nav>
<div class="pretend-container">
<section class="section__find-us">
<div class="find-us__main-content">
<div class="find-us__illustration-container moveInLeft duration--1_5"><img src="/public/images/illst-FindUs.svg" alt="Find Us" class="find-us__illust"></div>
<div class="find-us__content-container moveInLeft duration--1">
<div class="find-us__content find-us__content--main">
<h1 class="find-us__title">Find Us.</h1>
<p class="find-us__caption grey">POROS is located in Malang, East Java. Feel free to get in touch with us. Address and mail below.</p>
</div>
<div class="find-us__content find-us__address">
<h4 class="find-us__address-title">Address</h4>
<p class="find-us__address-caption grey">Sekretariat POROS Gedung C1.15</p>
<p class="find-us__address-caption grey">Fakultas Ilmu Komputer, Universitas Brawijaya</p>
<a href="#" class="find-us__address-link grey">View on map →</a>
</div>
<div class="find-us__content find-us__email">
<h4 class="find-us__email-title">Email</h4>
<p class="find-us__email-caption grey">ubporos@gmail.com</p>
</div>
</div>
</div>
<div class="find-us__circle--md moveInTop duration--1_5 z--m1"></div>
</section>
</div>
<footer class="section__footer">
<div class="footer-container">
<p class="foooter__copyright">© 2021 POROS</p>
<div class="footer__icon-container">
<a href="#"><img src="/public/images/line-brands.svg" alt="Line POROS" class="footer__icon" /></a>
<a href="https://www.instagram.com/porosfilkom/"><img src="/public/images/instagram-brands.svg" alt="Instagram POROS" class="footer__icon" /> </a>
<a href="https://www.youtube.com/channel/UC3Mh33VM0dwLlXiH_00qOJw/"><img src="/public/images/youtube-brands.svg" alt="Youtube POROS" class="footer__icon" /></a>
</div>
</div>
</footer>
<script src="/public/js/script.min.js"></script>
</body>
</html>