ADHC Calendar

Developer
Tyler Grace
Size
3,119 Kb
Views
4,048
  1. ADHC Calendar Previews
  2. ADHC Calendar HTML Codes
  3. ADHC Calendar CSS Codes

How do I make an adhc calendar?

What is a adhc calendar? How do you make a adhc calendar? This script and codes were developed by Tyler Grace on 04 January 2023, Wednesday.

ADHC Calendar Previews
IQ Test

ADHC Calendar - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>ADHC Calendar</title> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <html lang="en"><head> <meta charset="utf-8"> <title>ADHC Net</title> <meta name="description" content=""> <meta name="author" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="//adhc.lib.ua.edu/assets/css/normalize.css"> <link rel="stylesheet" href="//adhc.lib.ua.edu/assets/css/skeleton.css"> <link rel="stylesheet" href="//adhc.lib.ua.edu/assets/css/hover.css"> <link rel="stylesheet" href="//adhc.lib.ua.edu/assets/css/font-awesome.css"> <link rel="icon" type="image/png" href="//adhc.lib.ua.edu/assets/img/favicon.jpg">
</head>
<body>	<div class="table-container">	<div class="table-block footer-push">	<!-- Primary Page Layout ––––––––––––––––– -->	<div class="u-full-width">	<div id="app">	<div class="u-full-width banner">	<img id="logo" src="//adhc.lib.ua.edu/assets/img/adhc-logo.svg" height="100px">	</div>	<div class="page-container">	<h2 class="page-header">Calendar of Events</h2>	<!--<h3 class="page-subheader">Looking for a site?</h3>	<h3 class="page-subheader">Double check the URL or try our site directory. </h3>	<h3 class="page-action"><a class="button button-primary" href="https://adhc.lib.ua.edu/site/">Site Directory</a> </h3> --> <div class="event2"> <div class="row"> <div class="five columns cal-icon-col"> <time datetime="2014-09-20" class="icon"> <em>Saturday</em> <strong>September</strong> <span>20</span> </time> </div> <div class="four columns"> <h3 class="event-header">HY 301 - Giggie</h3> <h4 class="event-info"> <i class="fa fa-clock-o" aria-hidden="true"></i> 12:00 PM - 2:00 PM Room Reserverd </h4> </div> </div> </div>	</div>	</div>	</div> <!-- end primary div.container -->	</div> <!-- end primary div.table-block -->	<div class="table-block">	<!-- Page Footer Layout –––––––––––––––––––––––––––– -->	<div class="u-full-width footer-container">	<footer class="twelve columns">	<img src="https://www.lib.ua.edu/wp-content/themes/roots-ualib/assets/img/new-ualib-logo.png" class="hidden-xs" rel="home" alt="University of Alabama Libraries">	</footer>	</div> <!-- end footer div.container --> </div> <!-- end footer div.table-block --> </div> <!-- End Document ––––––––––––––––––––––––––––––––––––––––– -->
<script src="//adhc.lib.ua.edu/config.js"></script>
</body></html>
</body>
</html>

ADHC Calendar - Script Codes CSS Codes

html, body { height: 100%; } a { color: #2098d1; } .table-container { display: table; height: 100%; width: 100%; } .table-block { display: table-row; height: 1px; background-color: grey; } .footer-push { height: auto; } footer img{ margin: auto; display: block; width: 13em; margin-top: 1.8em; } .footer-container {	background-color: #7e2a2a;	height: 7em; } .banner {	background-color: #fff;	display: block;	margin: auto; } .banner img {	display: block;	margin: auto; } #logo {	margin: auto;	display: block;	padding-top: 1em;	padding-bottom: 1em;	}	.fa { color: #222 !important; }	.flex-container {	padding: 0;	margin: 2em 2em 0 2em;	list-style: none;	display: -webkit-box;	display: -moz-box;	display: -ms-flexbox;	display: -webkit-flex;	display: flex;	-webkit-flex-flow: row wrap;	justify-content: space-around;	}	.page-container {	padding: 0;	margin: 2em 2em 0 2em;	display: block;	justify-content: center;	}	.page-header {	text-align: center;	margin-bottom: 0;	font-weight: bold;	color: white;	margin-bottom: 5px;	}	.page-subheader {	text-align: center;	margin-bottom: 0;	font-weight: bold;	color: white;	}	.event {	text-align: center;	font-weight: bold;	margin-top: 2em; background-color: white; border: 1px solid white; border-radius: 15px;	}	time.icon
{ font-size: 1em; /* change icon size */ display: block; position: relative; width: 7em; height: 7em; background-color: #fff; border-radius: 0.6em; box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd; overflow: hidden;
}
time.icon *
{ display: block; width: 100%; font-size: 1em; font-weight: bold; font-style: normal; text-align: center;
}
time.icon strong
{ position: absolute; top: 0; padding: 0.4em 0; color: #fff; background-color: #7e2a2a; border-bottom: 1px dashed #7e2a2a; box-shadow: 0 2px 0 #7e2a2a;
}
time.icon em
{ position: absolute; bottom: 0.3em; color: #7e2a2a;
}
time.icon span
{ font-size: 2.8em; letter-spacing: -0.05em; padding-top: 0.6em; color: #2f2f2f;
}
.cal-icon-col { text-align: -webkit-right;
}
.event-header { margin-bottom: 0px; font-weight: bold; color: white;
}
.event-info { margin-bottom: 0px; font-weight: bold; color: white;
}
.event-info i{ margin-bottom: 0px; color: white !important;
}
ADHC Calendar - Script Codes
ADHC Calendar - Script Codes
Home Page Home
Developer Tyler Grace
Username thgraceUA
Uploaded January 04, 2023
Rating 3
Size 3,119 Kb
Views 4,048
Do you need developer help for ADHC Calendar?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Tyler Grace (thgraceUA) Script Codes
Name
Static Image
Demo
A Pen by Tyler Grace
Create amazing Facebook ads with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!