This repository has been archived by the owner on Jul 30, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
95 lines (93 loc) · 3.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<script async src="dist/byu-theme-components.min.js"></script>
<link rel="stylesheet" href="dist/byu-theme-components.min.css" media="all">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
html, body {
height: 100%;
}
.containing-element {
display: flex;
flex-direction: column;
height: 100%;
}
.page-content {
flex-grow: 1;
}
</style>
<title>BYU Theme Components</title>
</head>
<body>
<div class="containing-element">
<byu-header>
<byu-breadcrumbs slot="breadcrumbs">
<a href="#">College of Fine Arts and Communication</a>
<a href="#">School of Music</a>
</byu-breadcrumbs>
<span slot="site-title">Demo Site</span>
<span slot="site-title" class="subtitle">Example Sub-Title</span>
<a slot="actions" href="https://www.byu.edu/" target="_blank">Apply</a>
<byu-user-info slot="user">
<a slot="login" href="#login">Sign In</a>
<a slot="logout" href="#logout">Sign Out</a>
</byu-user-info>
<byu-search slot="search">
<input type="search" placeholder="Nested Search">
</byu-search>
<byu-menu slot="nav" active-selector=".is-active">
<a class="is-active" href="javascript: void 0">Link 1</a>
<a href="javascript: void 0">Link 2</a>
<a href="javascript: void 0">Link 3</a>
</byu-menu>
</byu-header>
<div class="page-content">
<p>This is the page.</p>
</div>
<byu-footer>
<byu-footer-column>
<span slot="header">Contact</span>
<p>
BYU Speeches
<br> 701 East University Parkway
<br> Provo, Utah 84602
<br> 888-888-8888
</p>
<byu-footer-action-button>
<a href="https://www.google.com" slot="actiontext">GIVE to Speeches</a>
</byu-footer-action-button>
</byu-footer-column>
<byu-footer-column>
<span slot="header">Affiliated Speeches</span>
<a href="https://www.byui.edu">BYU-Idaho Speeches</a>
<a href="https://www.byuh.edu">BYU-Hawaii Speeches</a>
<a href="https://womensconference.byu.edu">Women's Conference</a>
<a href="https://kennedy.byu.edu/lectures">Kennedy Center Lectures</a>
<a href="https://wheatley.byu.edu/">Wheatley Institution</a>
</byu-footer-column>
<byu-footer-column>
<span slot="header">Related Links</span>
<a>LDS.org</a>
<a>BYU Alumni</a>
<a>BYU Today</a>
<a>BYU Magazine</a>
</byu-footer-column>
<byu-footer-column>
<span slot="header">Connect With Us</span>
<a>Feedback</a>
<a>Help</a>
<a>Follow BYU Speeches</a>
<byu-social-media-links>
<!--Note: These all have text that will be hidden. The text should be there to help screen readers.-->
<a class="facebook" href="https://www.facebook.com">Facebook</a>
<a class="instagram" href="https://www.instagram.com">Instagram</a>
<a class="twitter" href="https://www.twitter.com">Twitter</a>
<a class="linkedin" href="https://www.linkedin.com">Linkedin</a>
<a class="youtube" href="https://www.youtube.com">YouTube</a>
</byu-social-media-links>
</byu-footer-column>
</byu-footer>
</div>
</body>
</html>