xxxxxxxxxx1
<!DOCTYPE html>2
<html lang="en">3
<head>4
<meta charset="UTF-8" />5
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />6
<meta http-equiv="x-ua-compatible" content="ie=edge" />7
<title>Material Design for Bootstrap</title>8
<!-- MDB icon -->9
<link rel="icon" href="img/mdb-favicon.ico" type="image/x-icon" />10
<!-- Font Awesome -->11
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" />12
<!-- Google Fonts Roboto -->13
<link14
rel="stylesheet"15
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap"16
/>17
<!-- MDB ESSENTIAL -->18
<link rel="stylesheet" href="css/mdb.min.css" />19
<!-- MDB PLUGINS -->20
<link rel="stylesheet" href="plugins/css/all.min.css" />21
<!-- Custom styles -->22
<style></style>23
</head>24
25
<body class="bg-light">26
<!-- Start your project here-->27
<!-- Sidenav -->28
<nav29
data-mdb-sidenav-init30
id="sidenav-1"31
class="sidenav"32
data-mdb-hidden="true"33
>34
<ul class="sidenav-menu">35
<li class="sidenav-item">36
<a href="index.html" class="sidenav-link">37
<i class="fas fa-house fa-fw me-3"></i></i><span>Home</span></a38
>39
</li>40
<li class="sidenav-item">41
<a class="sidenav-link"42
><i class="fas fa-calendar fa-fw me-3"></i></i><span>Events</span></a43
>44
<ul class="sidenav-collapse">45
<li class="sidenav-item">46
<a href="Calendar.html" class="sidenav-link">Calendar</a>47
</li>48
<li class="sidenav-item">49
<a href="PorkFest.html" class="sidenav-link">PorkFest</a>50
</li>51
52
</ul>53
</li>54
<li class="sidenav-item">55
<a class="sidenav-link"56
><i class="fas fa-file fa-fw me-3"></i></i57
><span>Documents</span></a58
>59
<ul class="sidenav-collapse">60
<li class="sidenav-item">61
<a href="Application.html" class="sidenav-link">Application</a>62
</li>63
<li class="sidenav-item">64
<a target="_blank" rel="noopener noreferrer" href="https://docs.google.com/document/d/1C8qnvNznF-9BCdYRBIkt4KiLdWyV73uoC59IYLyN4Vo/preview" class="sidenav-link">Standard Operating Procedure</a>65
</li>66
<li class="sidenav-item">67
<a href="Roster.html" class="sidenav-link">Roster</a>68
</li>69
</ul>70
<li class="sidenav-item">71
<a href="https://www.zeffy.com/en-US/donation-form/e222a29f-abbc-4f11-9b58-25d71ac969d5" class="sidenav-link">72
<i class="fas fa-dollar-sign fa-fw me-3"></i></i></i><span">Donate</span></a73
>74
</li>75
<li class="sidenav-item">76
<a class="sidenav-link"77
><i class="fas fa-circle-info fa-fw me-3"></i></i78
><span>Info</span></a79
>80
<ul class="sidenav-collapse">81
<li class="sidenav-item">82
<a href="Location.html" class="sidenav-link">Location</a>83
</li>84
<li class="sidenav-item">85
<a href="ContactUs.html" class="sidenav-link">Contact Us</a>86
</li>87
</ul>88
</li>89
</ul>90
</nav>91
<!-- Sidenav -->92
<!-- Toggler -->93
<button94
style="position: absolute; top: 2%; left: 2%;"95
data-mdb-ripple-init96
data-mdb-toggle="sidenav"97
data-mdb-target="#sidenav-1"98
class="btn btn-outline-dark"99
aria-controls="#sidenav-1"100
aria-haspopup="true"101
>102
<i class="fas fa-bars"></i>103
Menu</button>104
<!-- Calendar -->105
<div class="calendar mt-5 pt-5 px-5" data-mdb-calendar-init id="calendar"></div>106
<!-- Footer -->107
<footer class="text-center bg-light">108
<!-- Grid container -->109
<div class="container pt-4">110
<!-- Section: Social media -->111
<section class="mb-4">112
<!-- Facebook -->113
<a114
data-mdb-ripple-init115
class="btn btn-link btn-floating btn-lg text-body m-1"116
target="_blank"117
rel="noopener noreferrer"118
href="#"119
role="button"120
data-mdb-ripple-color="dark"121
><i class="fab fa-facebook-f"></i122
></a>123
</section>124
<!-- Section: Social media -->125
</div>126
<!-- Grid container -->127
128
<!-- Copyright -->129
<div class="text-center p-3 bg-light">130
131
</div>132
<!-- Copyright -->133
</footer>134
<!-- End your project here-->135
</body>136
137
<!-- MDB ESSENTIAL -->138
<script type="text/javascript" src="js/mdb.umd.min.js"></script>139
<!-- MDB PLUGINS -->140
<script type="text/javascript" src="plugins/js/all.min.js"></script>141
<!-- Custom scripts -->142
<script type="text/javascript"></script>143
</html>144
1
1
1
1
Console errors: 0