-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblogs.html
82 lines (82 loc) · 4.93 KB
/
blogs.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
<!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>Blogs | 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>
</div>
</nav>
<div class="pretend-container">
<section class="section__blogs">
<div class="blogs__main-content">
<div class="blogs__illustration-container moveInRight duration--1_5"><img src="/public/images/illst - Blogs.svg" alt="blogs illust" class="blogs__illust"></div>
<div class="blogs__content-container moveInTop duration--1">
<div class="blogs__content blogs__content--main">
<h1 class="blogs__content-title">Blogs.</h1>
</div>
<div class="blogs__content blogs__content-caption">
<p class="blogs__content-text--1">Sorry</p>
<img src="/public/images/icon-about.svg" alt="coming soon" class="blogs__content-icon">
<p class="blogs__content-text--2">we'll launch <span class="underlined">soon</span></p>
</div>
</div>
</div>
<div class="blogs__circle--md moveInTop duration--1_5"></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>