This repository was archived by the owner on Apr 30, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 30
/
Copy pathindex.html
82 lines (77 loc) · 3.36 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HBTU DSC</title>
<link rel="shortcut icon" href="../images/dsc.png" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.min.css">
<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<nav class="navbar">
<div class="container">
<div class="navbar-brand">
<a class="navbar-item" href="../">
<img src="../images/dsc.png" alt="Logo">
</a>
</div>
<div id="navbarMenu" class="navbar-menu">
<div class="navbar-end">
<a class="navbar-item is-active">
Home
</a>
</div>
</div>
</div>
</nav>
<div class="container">
<div id="flow">
<span class="flow-1"></span>
<span class="flow-2"></span>
<span class="flow-3"></span>
</div>
<div class="section">
<div class="row columns is-multiline">
<div class="column is-one-third">
<div class="card large">
<div class="card-content">
<div class="media">
<div class="media-left">
<figure class="image is-96x96">
<img src="https://i.imgsafe.org/a4/a4bb9acc5e.jpeg" alt="Image">
</figure>
</div>
<div class="media-content">
<p class="title is-4 no-padding">Okinami</p>
<p><span class="title is-6"><a href="http://twitter.com/#">@twitterid</a></span></p>
<p class="subtitle is-6">Lead Developer</p>
</div>
</div>
<div class="bio content">
The Beast stumbled in the dark for it could no longer see the path. It started to
fracture and weaken, trying to reshape itself into the form of metal. Even the witches
would no longer lay eyes upon it, for it had become hideous and twisted.
<div class="background-icon"><span class="icon-twitter"></span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="content has-text-centered">
<div class="soc">
<a href="https://github.com/DSC-HBTU"><i class="fab fa-github fa-2x"></i></a>
<a href="https://www.facebook.com/pg/googleDSChbtu"><i class="fab fa-facebook fa-2x"></i></a>
</div>
<p>
Created by <i class="fas fa-heart"></i> by <strong>DSC-HBTU</strong> for <strong>DSC-HBTU</strong>
</p>
</div>
</div>
</footer>
<script src="./js/script.js"></script>
</body>