Skip to content

Instantly share code, notes, and snippets.

@chrisvasey

chrisvasey/about.html

Created August 25, 2016 07:41
Show Gist options
  • Save chrisvasey/ea34d0584fe63d1ac7f2cc43f076e591 to your computer and use it in GitHub Desktop.
Save chrisvasey/ea34d0584fe63d1ac7f2cc43f076e591 to your computer and use it in GitHub Desktop.
Download ZIP
Smart Solutions About Page
Raw
about.html
<!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>About | 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">
<!-- 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="about-us">
<!-- 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><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">
<div class="col-md-12 noPad servicesTitle" style="background: url('images/h-people.jpg'); background-position: center;">
<div class="fluid-container noPad serviceOverlay">
<div class="container">
<div class="col-md-12">
<h1>
About Smart Solutions
</h1>
</div>
</div>
</div>
</div>
</div>
<!-- about-us -->
<section class="about-us section-padding" style="background: white;">
<div class="container">
<div class="row">
<div class="about col col-md-12">
<div class="section-title">
<h3>Who is SmartSolutions? </h3>
<p style="font-size: 18px">
SmartSolutions is your go to for a selection of wide ranging and professional traded services and training events. As part of North Yorkshire County Council we have a wealth of services on offer, from catering to cleaning, as well as a number of training courses. <br>
Here at SmartSolutions we aim to provide the best possible service for your company. Delivering services and training to both schools and businesses across the county and beyond, we are your central point of contact when it comes to buying, quoting, and requesting information on a wide range of high calibre traded services and training events.
<br>
We have a team dedicated to making sure you get the best for your company, and the customer is at the heart of everything we do. Sharing common goals and key values, everyone at SmartSolutions is committed to consistently providing an exceptional service for you.
</p>
</div>
</div>
</div> <!-- end of row -->
<div class="row">
<div class="about col col-md-12">
<div class="section-title">
<h3>What We Do</h3>
<p style="font-size: 18px">
As part of North Yorkshire County Council, we work closely with our Traded Services teams to deliver the best possible services and training events for you. <br>
We offer a wide collection of high calibre and professional services to both schools and businesses, with a team on hand to ensure that your needs are always met. With a dedicated Relationship Manager assigned to your school or business, there is always someone available to take care of your questions and issues, and you will always have a point of contact within the SmartSolutions team. <br>
Throughout the website you will be able to see the selection of services we have on offer, ranging from Procurement and Insurance to Early Years Finance and Education &amp; Skills. <br>
But that isn’t all we offer. Alongside our expert services we also provide a number of training days and training events, delivering the best in high quality coaching. <br>
Ranging from Food Safety to Safeguarding Children and Schools Procurement Training, just like our services, we have an expansive collection of training on offer, with the ability to view, book and purchase each individual day or a selection of events on the SmartSolutions website.
</p>
</div>
</div>
</div> <!-- end of row -->
<div class="row">
<div class="about col col-md-12">
<div class="section-title">
<h3>Why Choose Us</h3>
<p style="font-size: 18px">
Here at SmartSolutions we unique in our form. As part of the public rather than private sector, our focus is not on personal gains, but actually on providing the best services for you. <br>
As part of North Yorkshire County Council we are reliable, trustworthy and focused solely on the customer. Due to our public status we are accountable at every turn, so we aim to go above and beyond. We belong to a rich network of people who are knowledgeable and experienced and we have an abundance of staff on hand and ready to help. Our traded services have been developed and delivered over a number of years and as a council we are constantly growing. <br>
So why go with us? Because we have an edge over the others. Sharing core values throughout the entire team, from Passion to Trust and Flexibility, SmartSolutions is the safe hands of the public sector, with the entrepreneurial spirit of the private.
</p>
</div>
</div>
</div> <!-- end of row -->
</div> <!-- end of container -->
</section>
<!-- end of about-us -->
<!-- cta -->
<section class="cta">
<h2 class="hidden">CTA</h2>
<div class="container">
<div class="row">
<div class="col col-sm-9">
<p><span>Think we can help?</span> Speak to one of our customer advisors now.</p>
</div>
<div class="col col-sm-3">
<a href="#" class="btn btn-default theme-btn">Get a quote <i class="arrow_right"></i></a>
</div>
</div>
</div> <!-- end of container -->
</section>
<!-- end of cta -->
<!-- advisors -->
<section class="advisors section-padding">
<div class="container">
<div class="row">
<div class="section-title">
<span>know our awesome advisors</span>
<h2>expert advisors</h2>
</div>
</div>
<div class="content row common-owl-btn">
<div class="advisor-slider">
<div class="col">
<div class="thumbnail">
<div class="pic">
<img src="images/advisor/img-1.jpg" alt class="img img-responsive">
</div>
<div class="details">
<h3>David Remon</h3>
<span class="po">Financial Advisor</span>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan.</p>
<ul class="social">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest-p"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col">
<div class="thumbnail">
<div class="pic">
<img src="images/advisor/img-2.jpg" alt class="img img-responsive">
</div>
<div class="details">
<h3>David Remon</h3>
<span class="po">Financial Advisor</span>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan.</p>
<ul class="social">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest-p"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col">
<div class="thumbnail">
<div class="pic">
<img src="images/advisor/img-3.jpg" alt class="img img-responsive">
</div>
<div class="details">
<h3>David Remon</h3>
<span class="po">Financial Advisor</span>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan.</p>
<ul class="social">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest-p"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col">
<div class="thumbnail">
<div class="pic">
<img src="images/advisor/img-1.jpg" alt class="img img-responsive">
</div>
<div class="details">
<h3>David Remon</h3>
<span class="po">Financial Advisor</span>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan.</p>
<ul class="social">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest-p"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col">
<div class="thumbnail">
<div class="pic">
<img src="images/advisor/img-2.jpg" alt class="img img-responsive">
</div>
<div class="details">
<h3>David Remon</h3>
<span class="po">Financial Advisor</span>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan.</p>
<ul class="social">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest-p"></i></a></li>
</ul>
</div>
</div>
</div>
</div> <!-- advisor slider -->
</div> <!-- end of row -->
</div> <!-- end of container -->
<div class="line">
<div class="container"></div>
</div>
</section>
<!-- end of advisors -->
<!-- testimonials -->
<section class="testimonials section-padding common-owl-btn">
<div class="container">
<div class="row">
<div class="section-title">
<h2>What our Clients Say</h2>
</div>
</div> <!-- end of section-title -->
<div class="row">
<div class="testimonials-slider col">
<div class="item">
<div class="client-pic co col-md-4">
<img src="images/testimonials/businessman.jpg" alt>
</div>
<div class="details co col-md-8">
<p>“Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica quam nunc putamus parum claram, anteposuerit litterarum formas.”</p>
<h4>Aron Finch</h4>
<span>Creative Head, Media Tech</span>
</div>
</div>
<div class="item">
<div class="client-pic co col-md-4">
<img src="images/testimonials/businesswoman.jpg" alt>
</div>
<div class="details co col-md-8">
<p>“Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica quam nunc putamus parum claram, anteposuerit litterarum formas.”</p>
<h4>Aron Finch</h4>
<span>Creative Head, Media Tech</span>
</div>
</div>
<div class="item">
<div class="client-pic co col-md-4">
<img src="images/testimonials/img-1.jpg" alt>
</div>
<div class="details co col-md-8">
<p>“Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica quam nunc putamus parum claram, anteposuerit litterarum formas.”</p>
<h4>Aron Finch</h4>
<span>Creative Head, Media Tech</span>
</div>
</div>
</div> <!-- end of testimonials-slider -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</section>
<!-- end of testimonials -->
<!-- footer -->
<footer>
<div class="container upper-footer">
<div class="row">
<div class="col col-md-4 col-xs-6">
<a href="index.html"><img src="images/ssLogoWhite.svg" class="footer-logo" alt="Smart Solutions Logo"></a>
<div class="footer-widget about-widget">
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolo re eu feugiat nulla facilis.</p>
<ul class="social">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<div class="col col-md-4 col-xs-6">
<h2>Contact Us</h2>
<div class="footer-widget contact-widget">
<ul>
<li><span>Phone:</span> 01609 533 222</li>
<li><span>Email:</span> smartsolutions@northyorks.gov.uk</li>
<li><span>Address:</span>County Hall, Racecourse Ln, <br>Northallerton <br>DL7 8AD</li>
</ul>
</div>
</div>
<div class="col col-md-4 col-xs-6">
<img src="images/nycc-logo.png" width="260px" style="margin-top: 85px" alt="">
<div class="footer-widget">
</div>
</div>
</div> <!-- end of row -->
<div class="row">
<hr>
<div class="col col-md-12 copyrightWrap">
<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>
<!-- Revolution Slider -->
<script src="rev-slider/js/jquery.themepunch.tools.min.js"></script>
<script src="rev-slider/js/jquery.themepunch.revolution.min.js"></script>
<!-- Plugins for this template -->
<script src="js/jquery-ui.js"></script>
<script src="js/jquery.animateNumber.min.js"></script>
<script src="js/jquery.appear.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/progressbar.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/index-script.js"></script>
<script src="js/common-script.js"></script>
<!-- Revolution slider extentions lode only local file system -->
<script src="rev-slider/js/extensions/revolution.extension.actions.min.js"></script>
<script src="rev-slider/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="rev-slider/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="rev-slider/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="rev-slider/js/extensions/revolution.extension.migration.min.js"></script>
<script src="rev-slider/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="rev-slider/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="rev-slider/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="rev-slider/js/extensions/revolution.extension.video.min.js"></script>
<!-- FancyBox -->
<script src="js/project-script.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment