-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
68 lines (63 loc) · 2.66 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
<!DOCTYPE html>
<html>
<head>
<title>Fiftieth Golden Anniversary - Pamantasan ng Lungsod ng Maynila</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="Fiftieth Golden Anniversary - Pamantasan ng Lungsod ng Maynila" />
<meta property="og:site_name" content="Fiftieth Golden Anniversary - Pamantasan ng Lungsod ng Maynila" />
<meta property="og:description" content="See you!" />
<meta property="og:url" content="https://plmhq.github.io/fiftieth" />
<link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
<link href="dist/style.css" rel="stylesheet">
</head>
<body>
<!-- home -->
<div class="home">
<div class="outer-container">
<div class="inner-container">
<div class="container">
<img class="logo" src="dist/img/logo.png">
<div class="title">The 50th Golden Anniversary</div>
<div class="sub-title">is in 2 days!</div>
<p>
Let's have an awesome day to celebrate the home that nurtures the best of us.
</p>
</div>
</div>
</div>
</div>
<div class="handle">
<div class="outer-container">
<div class="inner-container">
<div class="container">
<div class="content">
<div class="heading">
<div class="title">Golden Anniversary Lecture Series</div>
<div class="sub-title"><span class="receipt">by</span> Bong Marcos</div>
<div class="date">June 16, Justo Albert Auditorium</div>
</div>
<p class="body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean elementum lacus eget mattis pulvinar. Nullam iaculis ultricies sollicitudin. Phasellus massa quam, venenatis et eros eu, dignissim dictum orci. Mauris gravida ut justo vel auctor. Cras pharetra, nisi eu rutrum accumsan, leo odio iaculis urna, sed rhoncus massa urna non nulla. Mauris imperdiet, justo id tristique molestie, felis sapien tincidunt ex, quis venenatis quam ipsum at mauris. Ut semper maximus tellus, sed placerat neque iaculis non.
</p>
</div>
</div>
</div>
</div>
</div>
<!-- footer -->
<footer class="footer" role="footer">
<div class="outer-container">
<div class="inner-container">
<div class="container">
<div class="heading">
<div class="title">Awesome!</div>
<div class="sub-title">That's all for now, though.</div>
</div>
<a href="//plm.edu.ph" class="proceed-btn">Proceed to the website</a>
</div>
</div>
</div>
</footer>
</body>
</html>