Skip to content

Instantly share code, notes, and snippets.

@chrisvasey
Created September 1, 2016 09:34
Show Gist options
  • Save chrisvasey/f9377e6118bfc3a0d87dfe7144fc0856 to your computer and use it in GitHub Desktop.
Save chrisvasey/f9377e6118bfc3a0d87dfe7144fc0856 to your computer and use it in GitHub Desktop.
Training Page
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Smart Solutions Education Services provided on behalf of NYCC">
<meta name="keyword" content="smartsolutions smart solutions business services nycc north yorkshire county council">
<!-- Page Title -->
<title>Training | Smart Solutions</title>
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="images/favicon/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="images/favicon/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/favicon/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/favicon/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/favicon/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="images/favicon/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="images/favicon/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="images/favicon/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="images/favicon/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="images/favicon/favicon-194x194.png" sizes="194x194">
<link rel="icon" type="image/png" href="images/favicon/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="images/favicon/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="images/favicon/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="images/favicon/manifest.json">
<link rel="mask-icon" href="images/favicon/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="images/favicon/favicon.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-TileImage" content="images/favicon/mstile-144x144.png">
<meta name="msapplication-config" content="images/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<!-- Icon fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="elegant_font/style.css" rel="stylesheet">
<!-- Google fonts -->
<!-- <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> -->
<!-- <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,300' rel='stylesheet' type='text/css'> -->
<!-- Revolution Slider -->
<link href="rev-slider/css/settings.css" rel="stylesheet" type="text/css"/>
<link href="rev-slider/css/layers.css" rel="stylesheet" type="text/css"/>
<link href="rev-slider/css/navigation.css" rel="stylesheet" type="text/css"/>
<link href="css/main.css" rel="stylesheet">
<link href="css/vendor/fullcalendar.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- google map -->
<script src="http://maps.googleapis.com/maps/api/js"></script>
</head>
<body id="service-page">
<!-- header -->
<header>
<nav class="navbar">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><img src="images/sslogoedu.svg" alt></a>
</div>
<div id="navbar" class="collapse navbar-collapse navbar-right">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li>
<a href="news.html">News</a>
</li>
<li>
<a href="services.html">Services</a>
</li>
<li class="active"><a href="training.html">Training and Events</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<a href="signup.html" class="btn btn-success loginBtn loginBtnTrans">Sign Up</a>
<a href="https://secure2.sla-online.co.uk/default.aspx?logo=26" class="btn btn-success loginBtn">Login</a>
</div>
</div> <!-- end of container -->
</nav> <!-- end of nav -->
</header>
<!-- end of header -->
<div class="container-fluid noPad">
<!-- Product Info -->
<div class="heroServices row" id="filter">
<div class="col-md-3 noPad">
<a href="#" class="col-md-6 col-xs-3 noPad trainingFilter" id="darkBlue" data-group="technology">
<div class="serviceBlock noPad">
<img class="serviceIcon" src="images/ui-icons/technology.svg" alt="technology">
<h3>Technology</h3>
</div>
</a>
<a href="#" class="col-md-6 col-xs-3 noPad trainingFilter" id="green" data-group="facilities">
<div class="serviceBlock noPad">
<img class="serviceIcon" src="images/ui-icons/facilities.svg" alt="Facilities">
<h3>Facilities</h3>
</div>
</a>
</div>
<div class="col-md-3 noPad">
<a href="#" class="col-md-6 col-xs-3 noPad trainingFilter" id="purple" data-group="people">
<div class="serviceBlock noPad">
<img class="serviceIcon" src="images/ui-icons/people.svg" alt="people">
<h3>People</h3>
</div>
</a>
<a href="#" class="col-md-6 col-xs-3 noPad trainingFilter" id="orange" data-group="education">
<div class="serviceBlock noPad">
<img class="serviceIcon" src="images/ui-icons/education.svg" alt="education">
<h3>Education</h3>
</div>
</a>
</div>
<div class="col-md-3 noPad">
<a href="#" class="col-md-6 col-xs-3 noPad trainingFilter" id="blue" data-group="finance">
<div class="serviceBlock noPad" >
<img class="serviceIcon" src="images/ui-icons/finance.svg" alt="finance">
<h3>Legal &amp; Finance</h3>
</div>
</a>
<a href="#" class="col-md-6 col-xs-3 noPad trainingFilter" id="red" data-group="culture">
<div class="serviceBlock noPad">
<img class="serviceIcon" src="images/ui-icons/culture.svg" alt="culture">
<h3>Culture</h3>
</div>
</a>
</div>
<div class="col-md-3 noPad">
<a href="#" class="col-md-6 col-xs-3 noPad trainingFilter" id="gray" data-group="training">
<div class="serviceBlock noPad">
<img class="serviceIcon" src="images/ui-icons/training.svg" alt="training">
<h3>Training &amp; Development</h3>
</div>
</a>
<a href="#" class="col-md-6 col-xs-3 noPad trainingFilter" id="turquoise" data-group="communications">
<div class="serviceBlock noPad">
<img class="serviceIcon" src="images/ui-icons/communications.svg" alt="communications">
<h3>Communications</h3>
</div>
</a>
</div>
</div>
<div class="col-md-12 noPad servicesTitle">
<div class="fluid-container noPad">
<div class="container">
<div class="col-md-12 noPad ">
<h2 style="color: #00539F !important">
<a href="#" class="trainingFilter" data-group="all">Training and Events</a>
</h2>
</div>
</div>
</div>
</div>
</div>
<!-- all-projects -->
<div class="all-projects">
<div class="container">
<div class="row">
<div class="col-md-12">
<section id="searchService">
<input id="search-input" class="form-control input-lg empty" id="iconified" placeholder="&#xF002; Search" autocomplete="off" spellcheck="false" autocorrect="off" tabindex="1">
<a id="search-clear" href="#" class="fa fa-times-circle hide" aria-hidden="true"><span class="sr-only">Clear search</span></a>
</section>
</div>
</div>
<div class="training row">
<div class="allproject-box col col-md-12">
<div class="box-wrapper row" id="shuffle-wrapper">
<div class="col col-sm-4 col-xs-12 trainingCard item" id="technology" data-groups='["technology"]'>
<div class="icon">
<img src="images/ui-icons/education.svg">
</div>
<a href="course.html" class="lightbox-gallery" data-fancybox-group="gallery">
<div class="box">
<div class="img-wrapper">
<img src="images/projects/img-2.jpg" alt class="img img-responsive">
</div>
<div class="details">
<h2 class="highlight-text">NYSCB Safeguarding Children</h2>
<p>
<span>06 Sep 2016 09:30 - 12:30</span> <br/>
<span>Free, but normal admission charges apply for the venue</span><br/>
To update knowledge of child protection issues, including: definitions, indicators, legislation, guidance, and processes
</p>
</div>
</div>
</a>
</div>
<div class="col col-sm-4 col-xs-12 trainingCard item" id="people" data-groups='["people"]'>
<div class="icon">
<img src="images/ui-icons/people.svg">
</div>
<a href="course.html" class="lightbox-gallery" data-fancybox-group="gallery">
<div class="box">
<div class="img-wrapper">
<img src="images/projects/img-1.jpg" alt class="img img-responsive">
</div>
<div class="details">
<h2 class="highlight-text">NYSCB Safeguarding Children</h2>
<p>
<span>06 Sep 2016 09:30 - 12:30</span> <br/>
<span>Free, but normal admission charges apply for the venue</span><br/>
To update knowledge of child protection issues, including: definitions, indicators, legislation, guidance, and processes
</p>
</div>
</div>
</a>
</div>
<div class="col col-sm-4 col-xs-12 trainingCard item" id="facilities" data-groups='["facilities"]'>
<div class="icon">
<img src="images/ui-icons/facilities.svg">
</div>
<a href="course.html" class="lightbox-gallery" data-fancybox-group="gallery">
<div class="box">
<div class="img-wrapper">
<img src="images/projects/img-1.jpg" alt class="img img-responsive">
</div>
<div class="details">
<h2 class="highlight-text">NYSCB Safeguarding Children</h2>
<p>
<span>06 Sep 2016 09:30 - 12:30</span> <br/>
<span>Free, but normal admission charges apply for the venue</span><br/>
To update knowledge of child protection issues, including: definitions, indicators, legislation, guidance, and processes
</p>
</div>
</div>
</a>
</div>
<div class="col col-sm-4 col-xs-12 trainingCard item" id="culture" data-groups='["culture"]'>
<div class="icon">
<img src="images/ui-icons/culture.svg">
</div>
<a href="course.html" class="lightbox-gallery" data-fancybox-group="gallery">
<div class="box">
<div class="img-wrapper">
<img src="images/projects/img-1.jpg" alt class="img img-responsive">
</div>
<div class="details">
<h2 class="highlight-text">NYSCB Safeguarding Children</h2>
<p>
<span>06 Sep 2016 09:30 - 12:30</span> <br/>
<span>Free, but normal admission charges apply for the venue</span><br/>
To update knowledge of child protection issues, including: definitions, indicators, legislation, guidance, and processes
</p>
</div>
</div>
</a>
</div>
<div class="col col-sm-4 col-xs-12 trainingCard item" id="finance" data-groups='["finance"]'>
<div class="icon">
<img src="images/ui-icons/finance.svg">
</div>
<a href="course.html" class="lightbox-gallery" data-fancybox-group="gallery">
<div class="box">
<div class="img-wrapper">
<img src="images/projects/img-1.jpg" alt class="img img-responsive">
</div>
<div class="details">
<h2 class="highlight-text">NYSCB Safeguarding Children</h2>
<p>
<span>06 Sep 2016 09:30 - 12:30</span> <br/>
<span>Free, but normal admission charges apply for the venue</span><br/>
To update knowledge of child protection issues, including: definitions, indicators, legislation, guidance, and processes
</p>
</div>
</div>
</a>
</div>
<div class="col col-sm-4 col-xs-12 trainingCard item" id="training" data-groups='["training"]'>
<div class="icon">
<img src="images/ui-icons/training.svg">
</div>
<a href="course.html" class="lightbox-gallery" data-fancybox-group="gallery">
<div class="box">
<div class="img-wrapper">
<img src="images/projects/img-1.jpg" alt class="img img-responsive">
</div>
<div class="details">
<h2 class="highlight-text">NYSCB Safeguarding Children</h2>
<p>
<span>06 Sep 2016 09:30 - 12:30</span> <br/>
<span>Free, but normal admission charges apply for the venue</span><br/>
To update knowledge of child protection issues, including: definitions, indicators, legislation, guidance, and processes
</p>
</div>
</div>
</a>
</div>
<div class="col col-sm-4 col-xs-12 trainingCard item" id="education" data-groups='["education"]'>
<div class="icon">
<img src="images/ui-icons/education.svg">
</div>
<a href="course.html" class="lightbox-gallery" data-fancybox-group="gallery">
<div class="box">
<div class="img-wrapper">
<img src="images/projects/img-1.jpg" alt class="img img-responsive">
</div>
<div class="details">
<h2 class="highlight-text">NYSCB Safeguarding Children</h2>
<p>
<span>06 Sep 2016 09:30 - 12:30</span> <br/>
<span>Free, but normal admission charges apply for the venue</span><br/>
To update knowledge of child protection issues, including: definitions, indicators, legislation, guidance, and processes
</p>
</div>
</div>
</a>
</div>
<div class="col col-sm-4 col-xs-12 trainingCard item" id="communications" data-groups='["communications"]'>
<div class="icon">
<img src="images/ui-icons/communications.svg">
</div>
<a href="course.html" class="lightbox-gallery" data-fancybox-group="gallery">
<div class="box">
<div class="img-wrapper">
<img src="images/projects/img-1.jpg" alt class="img img-responsive">
</div>
<div class="details">
<h2 class="highlight-text">NYSCB Safeguarding Children</h2>
<p>
<span>06 Sep 2016 09:30 - 12:30</span> <br/>
<span>Free, but normal admission charges apply for the venue</span><br/>
To update knowledge of child protection issues, including: definitions, indicators, legislation, guidance, and processes
</p>
</div>
</div>
</a>
</div>
</div>
</div> <!-- end of allproject-box -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</div>
<!-- end of all-projects -->
<div id="fullCalModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span> <span class="sr-only">close</span></button>
<h4 id="modalTitle" class="modal-title"></h4>
</div>
<div id="modalBody" class="modal-body"></div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button class="btn btn-primary"><a id="eventUrl" target="_blank">Event Page</a></button>
</div>
</div>
</div>
</div>
<!-- http://www.mikesmithdev.com/blog/fullcalendar-event-details-with-bootstrap-modal/ -->
<!-- footer -->
<footer>
<div class="container siteFooter">
<div class="row">
<div class="col col-md-3 col-xs-12">
<div class="footer-widget">
<a href="index.html">
<img src="images/ssLogoWhite.svg" class="footer-logo" id="sslogo" alt="Smart Solutions Logo">
</a>
</div>
</div>
<div class="col col-md-3 col-xs-12">
<div class="footer-widget">
<a href="index.html">
<img src="images/nycc-logo.png" class="footer-logo" id="nycclogo">
</a>
</div>
</div>
<div class="col col-md-3 col-xs-12">
<div class="footer-widget about-widget">
<h2>Address</h2>
<p>
County Hall, Racecourse Ln, <br>
Northallerton <br>DL7 8AD
</p>
</div>
</div>
<div class="col col-md-3 col-xs-12">
<div class="footer-widget about-widget">
<h2>Contact</h2>
<p>
Phone: 01609 533 222 <br>
8.30-17.00 Monday - Thursday <br>
8.30-16.30 Friday
</p>
</div>
</div>
</div> <!-- end of row -->
<div class="row">
<div class="col col-md-12 copyrightWrap">
<hr>
<p class="text-center"><span class="copyrightText">&copy; 2016 Smart Solutions, All Rights Reserved</span></p>
</div>
</div> <!-- end of copyright -->
</div> <!-- end of container -->
</footer>
<!-- end of footer -->
<!-- All JavaScript files
================================================== -->
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- Plugins for this template -->
<script src="js/jquery-ui.js"></script>
<!-- Plugins for this template -->
<script src="js/jquery-ui.js"></script>
<script src="js/jquery.shuffle.min.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/jquery.fancybox-media.js"></script>
<!-- Custom script for this template -->
<script src='js/training-script.js'></script>
<script src="js/common-script.js"></script>
<!-- Custom script for this template -->
<script src='js/moment.js'></script>
<script src='js/fullcalendar.min.js'></script>
<script type="text/javascript" src="data/events.json"></script>
<script src='js/calendarOptions.js'></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment