Implemented metronic home page
This commit is contained in:
Deon George
@@ -1,62 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
|
||||
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
|
||||
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
|
||||
|
||||
@section('htmlheader')
|
||||
@include('layouts.partials.htmlheader')
|
||||
@show
|
||||
|
||||
<body class="corporate">
|
||||
<div id="app">
|
||||
<div class="wrapper">
|
||||
@include('layouts.partials.mainheader')
|
||||
|
||||
@include('layouts.partials.sidebar')
|
||||
|
||||
<!-- Content Wrapper. Contains page content -->
|
||||
<div class="content-wrapper">
|
||||
|
||||
@include('layouts.partials.contentheader')
|
||||
|
||||
<!-- Main content -->
|
||||
<section class="content">
|
||||
<!-- Your Page Content Here -->
|
||||
<div class="main">
|
||||
<div class="container">
|
||||
@yield('breadcrumb')
|
||||
|
||||
<div class="row margin-bottom-40">
|
||||
@yield('main-content')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section><!-- /.content -->
|
||||
</div><!-- /.content-wrapper -->
|
||||
|
||||
@include('layouts.partials.controlsidebar')
|
||||
|
||||
@include('layouts.partials.footer')
|
||||
|
||||
</div><!-- ./wrapper -->
|
||||
</div> <!-- ./app -->
|
||||
|
||||
@section('scripts')
|
||||
|
||||
{{-- BEGIN CORE PLUGINS (REQUIRED FOR ALL PAGES) --}}
|
||||
@js('/site/js/jquery/1.11.2/js/jquery.min.js','jquery')
|
||||
@js('/site/js/bootstrap/3.3.5/js/bootstrap.min.js','bootstrap-js','jquery')
|
||||
@js('/site/js/jquery/plugins/migrate/1.2.1/js/jquery-migrate.min.js','jq-migrate','jquery')
|
||||
@js('/site/js/jquery/plugins/back-to-top/back-to-top.js','back-to-top','jquery')
|
||||
{{-- END CORE PLUGINS --}}
|
||||
|
||||
{{-- Scripts --}}
|
||||
{!! Asset::scripts() !!}
|
||||
|
||||
@include('layouts.partials.scripts')
|
||||
|
||||
@yield('page-scripts')
|
||||
@show
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,97 +0,0 @@
|
||||
{{-- This page needs $site_social --}}
|
||||
|
||||
<!-- BEGIN PRE-FOOTER -->
|
||||
<div class="pre-footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<!-- BEGIN BOTTOM ABOUT BLOCK -->
|
||||
<div class="col-md-4 col-sm-6 pre-footer-col">
|
||||
<h2>About us</h2>
|
||||
<p>{!! $so->site_aboutus !!}</p>
|
||||
<!--
|
||||
<div class="photo-stream">
|
||||
<h2>Photos Stream</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="javascript:;"><img alt="" src="{{!! Theme::url('') !!}}"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
-->
|
||||
</div>
|
||||
<!-- END BOTTOM ABOUT BLOCK -->
|
||||
|
||||
<!-- BEGIN BOTTOM CONTACTS -->
|
||||
<div class="col-md-4 col-sm-6 pre-footer-col">
|
||||
<h2>Our Contacts</h2>
|
||||
<address class="margin-bottom-40">
|
||||
<table>
|
||||
<tr><th style="vertical-align:top; padding-right: 5px;">Address</th><td>{!! $so->address('html') !!}</td></tr>
|
||||
@if($so->site_fax)
|
||||
<tr><th>Fax</th><td>{{ $so->site_fax }}</tr>
|
||||
@endif
|
||||
<tr><th>Email</th><td> <a href="mailto:{{ $so->site_email }}">{{ $so->site_email }}</a></tr>
|
||||
</table>
|
||||
</address>
|
||||
<!--
|
||||
<div class="pre-footer-subscribe-box pre-footer-subscribe-box-vertical">
|
||||
<h2>Newsletter</h2>
|
||||
<p>Subscribe to our newsletter and stay up to date with the latest news and deals!</p>
|
||||
<form action="#">
|
||||
<div class="input-group">
|
||||
<input type="text" placeholder="youremail@mail.com" class="form-control">
|
||||
<span class="input-group-btn">
|
||||
<button class="btn btn-primary" type="submit">Subscribe</button>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
-->
|
||||
</div>
|
||||
<!-- END BOTTOM CONTACTS -->
|
||||
|
||||
<!-- BEGIN TWITTER BLOCK -->
|
||||
<!--
|
||||
<div class="col-md-4 col-sm-6 pre-footer-col">
|
||||
<h2 class="margin-bottom-0">Latest Tweets</h2>
|
||||
<a class="twitter-timeline" href="https://twitter.com/twitterapi" data-tweet-limit="2" data-theme="dark" data-link-color="#57C8EB" data-widget-id="" data-chrome="noheader nofooter noscrollbar noborders transparent">Loading tweets...</a>
|
||||
</div>
|
||||
-->
|
||||
<!-- END TWITTER BLOCK -->
|
||||
|
||||
<!-- BEGIN ADDRESS MAP -->
|
||||
{{-- @todo --}}
|
||||
<!-- END ADDRESS MAP -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END PRE-FOOTER -->
|
||||
|
||||
<!-- BEGIN FOOTER -->
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<!-- BEGIN COPYRIGHT -->
|
||||
<div class="col-md-4 col-sm-4 padding-top-10">
|
||||
2016 © Leenooks. ALL Rights Reserved. <!-- <a href="javascript:;">Privacy Policy</a> | <a href="javascript:;">Terms of Service</a> -->
|
||||
</div>
|
||||
<!-- END COPYRIGHT -->
|
||||
|
||||
<!-- BEGIN SOCIAL -->
|
||||
<div class="col-md-4 col-sm-4">
|
||||
<ul class="social-footer list-unstyled list-inline pull-right">
|
||||
@foreach ($so->social as $social)
|
||||
<li><a href="{{ $social['url'] }}"><i class="fa fa-{{ $social['name'] }}"></i></a></li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
<!-- END SOCIAL -->
|
||||
|
||||
<!-- BEGIN POWERED -->
|
||||
<div class="col-md-4 col-sm-4 text-right">
|
||||
<p class="powered">Powered by: <a href="http://www.leenooks.net/">leenooks</a></p>
|
||||
</div>
|
||||
<!-- END POWERED -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END FOOTER -->
|
||||
@@ -1,35 +0,0 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<title>{{ config('app.name') }} - @yield('htmlheader_title', 'Your title here')</title>
|
||||
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
|
||||
<!-- CSRF Token -->
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
|
||||
<meta property="og:site_name" content="{{ config('app.name') }}" />
|
||||
<meta property="og:title" content="{{ $so->site_name }}" />
|
||||
<meta property="og:description" content="{{ $so->site_description }}" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:image" content="{{ $so->site_logo }}" />
|
||||
<meta property="og:url" content="{{ url('/') }}" />
|
||||
|
||||
<link rel="shortcut icon" href="{{ object_get($so,'favicon','favicon.ico') }}" />
|
||||
|
||||
@css('/site/js/bootstrap/3.3.5/css/bootstrap.min.css')
|
||||
|
||||
<!-- Font Awesome Icons -->
|
||||
@css('/plugin/font-awesome/css/font-awesome.min.css','font-awesome','app')
|
||||
<!-- Theme style -->
|
||||
@css('/site/css/components.css')
|
||||
@css('/site/css/slider.css')
|
||||
@css('/site/css/style.css')
|
||||
@css('/site/css/style-responsive.css')
|
||||
@css('/site/css/themes/blue.css')
|
||||
@css('/site/css/custom.css')
|
||||
<!-- Google Font: Source Sans Pro -->
|
||||
<link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|PT+Sans+Narrow|Source+Sans+Pro:200,300,400,600,700,900&subset=all" rel="stylesheet" type="text/css">
|
||||
@css('/site/js/bootstrap/3.3.5/css/bootstrap.min.css')
|
||||
|
||||
<!-- STYLESHEETS -->
|
||||
{!! Asset::styles() !!}
|
||||
</head>
|
||||
@@ -1,79 +0,0 @@
|
||||
<!-- BEGIN TOP BAR -->
|
||||
<div class="pre-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<!-- BEGIN TOP BAR LEFT PART -->
|
||||
<div class="col-md-6 col-sm-6 additional-shop-info">
|
||||
<ul class="list-unstyled list-inline">
|
||||
<li><i class="fa fa-phone"></i><span>{!! $so->site_phone !!}</span></li>
|
||||
<li><i class="fa fa-envelope-o"></i><span>{!! $so->site_email !!}</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- END TOP BAR LEFT PART -->
|
||||
|
||||
<!-- BEGIN TOP BAR MENU -->
|
||||
<div class="col-md-6 col-sm-6 additional-nav">
|
||||
<ul class="list-unstyled list-inline pull-right">
|
||||
<li><a href="{{ url('home') }}">Log In</a></li>
|
||||
@isset($register)
|
||||
<li><a href="{{ url('register') }}">Registration</a></li>
|
||||
@endisset
|
||||
</ul>
|
||||
</div>
|
||||
<!-- END TOP BAR MENU -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END TOP BAR -->
|
||||
|
||||
<!-- BEGIN HEADER -->
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<a class="site-logo" href="{{ url('/') }}"><img src="{{ $so->site_logo }}" alt="{{ $so->site_description }}" height="32"></a>
|
||||
<a href="javascript:void(0);" class="mobi-toggler"><i class="fa fa-bars"></i></a>
|
||||
|
||||
<!-- BEGIN NAVIGATION -->
|
||||
<div class="header-navigation pull-right font-transform-inherit">
|
||||
<ul>
|
||||
{{-- @todo Replace this with a function that can traverse children with multiple depths --}}
|
||||
@foreach ($so->top_menu as $item => $menu)
|
||||
<li class="dropdown {{ Request::is($menu['url']) ? 'active' : '' }}">
|
||||
|
||||
@if (! \Illuminate\Support\Arr::get($menu,'children'))
|
||||
<a {{ Request::is($menu['url']) ? 'class=active' : '' }} href="{{ url($menu['url']) }}">{{ $menu['name'] }}</a>
|
||||
@else
|
||||
<a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="javascript:;">{{ $item }}</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li {{ (Request::is($menu['url']) ? 'class=active' : '') }}><a href="{{ url($menu['url']) }}">{{ $menu['name'] }}</a></li>
|
||||
@foreach($menu['children'] as $name => $menuitem)
|
||||
<li {{ (Request::is($menuitem['url']) ? 'class=active' : '') }}><a href="{{ url($menuitem['url']) }}">{{ $menuitem['name'] }}</a></li>
|
||||
@endforeach
|
||||
</ul>
|
||||
@endif
|
||||
|
||||
</li>
|
||||
@endforeach
|
||||
|
||||
<!-- BEGIN TOP SEARCH -->
|
||||
<li class="menu-search">
|
||||
<span class="sep"></span>
|
||||
<i class="fa fa-search search-btn"></i>
|
||||
|
||||
<div class="search-box">
|
||||
<form action="#">
|
||||
<div class="input-group">
|
||||
<input type="text" placeholder="Search" class="form-control">
|
||||
<span class="input-group-btn">
|
||||
<button class="btn btn-primary" type="submit">Search</button>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</li>
|
||||
<!-- END TOP SEARCH -->
|
||||
</ul>
|
||||
</div>
|
||||
<!-- END NAVIGATION -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Header END -->
|
||||
@@ -1,10 +0,0 @@
|
||||
<!-- REQUIRED JS SCRIPTS -->
|
||||
|
||||
<script type="text/javascript">
|
||||
// Our CSRF token to each interaction
|
||||
$.ajaxSetup({
|
||||
headers: {
|
||||
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@@ -1,92 +0,0 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('htmlheader_title')
|
||||
{{ trans('message.home') }}
|
||||
@endsection
|
||||
|
||||
@section('main-content')
|
||||
<body class="hold-transition welcome-page">
|
||||
|
||||
{{-- SLIDER --}}
|
||||
@if ($so->site_slider)
|
||||
@include('widgets.slider')
|
||||
@endif
|
||||
{{-- END SLIDER --}}
|
||||
|
||||
<div class="main">
|
||||
<div class="container">
|
||||
{{-- SERVICE BOX --}}
|
||||
@if ($so->services)
|
||||
@include('widgets.servicebox')
|
||||
@endif
|
||||
{{-- END SERVICE BOX --}}
|
||||
|
||||
{{-- TESTIMONIALS --}}
|
||||
@if ($so->block_quotes)
|
||||
@include('widgets.blockquote')
|
||||
@endif
|
||||
{{-- END TESTIMONIALS --}}
|
||||
|
||||
{{-- ACTIVITY --}}
|
||||
@if ($so->activities)
|
||||
@include('widgets.activity')
|
||||
@endif
|
||||
{{-- END ACTIVITY --}}
|
||||
|
||||
@if ($so->page_tabs OR $so->testimonials)
|
||||
<!-- BEGIN TABS AND TESTIMONIALS -->
|
||||
<div class="row mix-block margin-bottom-40">
|
||||
|
||||
{{-- TABS --}}
|
||||
@if ($so->page_tabs)
|
||||
@include('widgets.tabs')
|
||||
@endif
|
||||
{{-- END TABS --}}
|
||||
|
||||
{{-- TESTIMONIALS --}}
|
||||
@if ($so->testimonials)
|
||||
@include('widgets.testimonials')
|
||||
@endif
|
||||
{{-- END TESTIMONIALS --}}
|
||||
|
||||
</div>
|
||||
<!-- END TABS AND TESTIMONIALS -->
|
||||
@endif
|
||||
|
||||
{{-- STEPS --}}
|
||||
@if ($so->steps)
|
||||
@include('widgets.steps')
|
||||
@endif
|
||||
{{-- END STEPS --}}
|
||||
|
||||
{{-- CLIENTS --}}
|
||||
@if ($so->clients)
|
||||
@include('widgets.clients')
|
||||
@endif
|
||||
{{-- END CLIENTS --}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- BEGIN PAGE LEVEL JAVASCRIPTS (REQUIRED ONLY FOR CURRENT PAGE) -->
|
||||
@js('/site/js/jquery/plugins/fancybox/source/jquery.fancybox.pack.js','jq-fancybox','jquery')
|
||||
@css('/site/js/jquery/plugins/fancybox/source/jquery.fancybox.css')
|
||||
@js('/site/js/jquery/plugins/uniform/2.1.0/js/jquery.uniform.min.js','jq-uniform','jquery')
|
||||
@css('/site/js/jquery/plugins/uniform/2.1.0/css/uniform.default.css')
|
||||
@js('/site/js/layout.js','layout','jquery')
|
||||
</body>
|
||||
@endsection
|
||||
|
||||
@section('page-scripts')
|
||||
<script type="text/javascript">
|
||||
jQuery(document).ready(function() {
|
||||
Layout.init();
|
||||
<!-- Layout.initTwitter(); -->
|
||||
Layout.initUniform();
|
||||
Layout.initFixHeaderWithPreHeader();
|
||||
Layout.initNavScrolling();
|
||||
<!-- ContactUs.init(); -->
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- END PAGE LEVEL JAVASCRIPTS -->
|
||||
@append
|
||||
@@ -0,0 +1,67 @@
|
||||
@extends('metronic::layouts.app')
|
||||
|
||||
@section('htmlheader_title')
|
||||
Welcome
|
||||
@endsection
|
||||
|
||||
@section('main-content')
|
||||
{{-- SLIDER --}}
|
||||
@includeIf('welcome.widgets.slider')
|
||||
{{-- END SLIDER --}}
|
||||
|
||||
<div class="main">
|
||||
<div class="container">
|
||||
{{-- SERVICE BOX --}}
|
||||
@includeIf('welcome.widgets.servicebox')
|
||||
{{-- END SERVICE BOX --}}
|
||||
|
||||
{{-- TESTIMONIALS --}}
|
||||
@includeIf('welcome.widgets.blockquote')
|
||||
{{-- END TESTIMONIALS --}}
|
||||
|
||||
{{-- ACTIVITY --}}
|
||||
@includeIf('welcome.widgets.activity')
|
||||
{{-- END ACTIVITY --}}
|
||||
|
||||
@if (isset($show_page_tabs) OR isset($show_testimonials))
|
||||
<!-- BEGIN TABS AND TESTIMONIALS -->
|
||||
<div class="row mix-block margin-bottom-40">
|
||||
{{-- TABS --}}
|
||||
@includeIf('welcome.widgets.tabs')
|
||||
{{-- END TABS --}}
|
||||
|
||||
{{-- TESTIMONIALS --}}
|
||||
@includeIf('welcome.widgets.testimonials')
|
||||
{{-- END TESTIMONIALS --}}
|
||||
</div>
|
||||
<!-- END TABS AND TESTIMONIALS -->
|
||||
@endif
|
||||
|
||||
{{-- STEPS --}}
|
||||
@includeIf('welcome.widgets.steps')
|
||||
{{-- END STEPS --}}
|
||||
|
||||
{{-- CLIENTS --}}
|
||||
@isset($show_clients))
|
||||
@includeIf('welcome.widgets.clients')
|
||||
@endisset
|
||||
{{-- END CLIENTS --}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@js('js/layout.js','layout','jquery')
|
||||
@endsection
|
||||
|
||||
@section('page-scripts')
|
||||
|
||||
<!-- PAGE LEVEL JAVASCRIPT -->
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
Layout.init();
|
||||
Layout.initFixHeaderWithPreHeader();
|
||||
Layout.initNavScrolling();
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- END PAGE LEVEL JAVASCRIPTS -->
|
||||
@append
|
||||
@@ -0,0 +1,138 @@
|
||||
<!-- BEGIN RECENT WORKS -->
|
||||
<div class="row recent-work margin-bottom-40">
|
||||
<div class="col-md-3">
|
||||
<h2><a href="#">Recent Activity</a></h2>
|
||||
<p>Here are some of our past accomplishments, and clients that we have brought online.</p>
|
||||
</div>
|
||||
|
||||
<div class="col-md-9">
|
||||
<div class="owl-carousel">
|
||||
<div class="recent-work-item">
|
||||
<em>
|
||||
<img src="{{ asset('pages/welcome/img/activity/pla.png') }}" alt="phpLDAPadmin" class="img-responsive">
|
||||
<a href="http://demo.phpldapadmin.org"><i class="fa fa-link"></i></a>
|
||||
{{-- If this is a jpeg instead of a URL, it renders a nice popup --}}
|
||||
<a href="{{ asset('pages/welcome/img/activity/pla.png') }}" title="phpLdapAdmin" data-fancybox="development" data-caption="phpLDAPadmin"><i class="fa fa-search"></i></a>
|
||||
</em>
|
||||
<a class="recent-work-description" href="javascript:;">
|
||||
<strong>Application Development</strong>
|
||||
<b>LDAP data management</b>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="recent-work-item">
|
||||
<em>
|
||||
<img src="{{ asset('pages/welcome/img/activity/edplus.png') }}" alt="Education Plus" class="img-responsive">
|
||||
<a href="https://edplus.com.au"><i class="fa fa-link"></i></a>
|
||||
{{-- If this is a jpeg instead of a URL, it renders a nice popup --}}
|
||||
<a href="{{ asset('pages/welcome/img/activity/edplus.png') }}" title="Education Plus" data-fancybox="hosting" data-caption="Education Plus"><i class="fa fa-search"></i></a>
|
||||
</em>
|
||||
<a class="recent-work-description" href="javascript:;">
|
||||
<strong>Website Hosting</strong>
|
||||
<b>Education Plus</b>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="recent-work-item">
|
||||
<em>
|
||||
<img src="{{ asset('pages/welcome/img/activity/voip.png') }}" alt="VOIP" class="img-responsive">
|
||||
<a href="https://graytech.net.au"><i class="fa fa-link"></i></a>
|
||||
{{-- If this is a jpeg instead of a URL, it renders a nice popup --}}
|
||||
<a href="{{ asset('pages/welcome/img/activity/voip.png') }}" title="VOIP" data-fancybox="hosting" data-caption="VOIP"><i class="fa fa-search"></i></a>
|
||||
</em>
|
||||
<a class="recent-work-description" href="javascript:;">
|
||||
<strong>VOIP Hosting</strong>
|
||||
<b>Voice over IP</b>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="recent-work-item">
|
||||
<em>
|
||||
<img src="{{ asset('pages/welcome/img/activity/whiskywholesale.png') }}" alt="Education Plus" class="img-responsive">
|
||||
<a href="https://whiskywholesale.com.au"><i class="fa fa-link"></i></a>
|
||||
{{-- If this is a jpeg instead of a URL, it renders a nice popup --}}
|
||||
<a href="{{ asset('pages/welcome/img/activity/whiskywholesale.png') }}" title="Whisky Wholesale" data-fancybox="hosting" data-caption="Whisky Wholesale"><i class="fa fa-search"></i></a>
|
||||
</em>
|
||||
<a class="recent-work-description" href="javascript:;">
|
||||
<strong>Website Hosting</strong>
|
||||
<b>Whisky Wholesale</b>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="recent-work-item">
|
||||
<em>
|
||||
<img src="{{ asset('pages/welcome/img/activity/elonera.png') }}" alt="Education Plus" class="img-responsive">
|
||||
<a href="https://elonerapreschool.com.au"><i class="fa fa-link"></i></a>
|
||||
{{-- If this is a jpeg instead of a URL, it renders a nice popup --}}
|
||||
<a href="{{ asset('pages/welcome/img/activity/elonera.png') }}" title="Elonera PreSchool" data-fancybox="hosting" data-caption="Elonera PreSchool"><i class="fa fa-search"></i></a>
|
||||
</em>
|
||||
<a class="recent-work-description" href="javascript:;">
|
||||
<strong>Website Hosting</strong>
|
||||
<b>Elonera PreSchool</b>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="recent-work-item">
|
||||
<em>
|
||||
<img src="{{ asset('pages/welcome/img/activity/graytech.png') }}" alt="Graytech Hosting" class="img-responsive" >
|
||||
<a href="https://graytech.com.au"><i class="fa fa-link"></i></a>
|
||||
{{-- If this is a jpeg instead of a URL, it renders a nice popup --}}
|
||||
<a href="{{ asset('pages/welcome/img/activity/graytech.png') }}" title="Graytech Hosting" data-fancybox="hosting" data-caption="Graytech Hosting"><i class="fa fa-search"></i></a>
|
||||
</em>
|
||||
<a class="recent-work-description" href="javascript:;">
|
||||
<strong>Website Hosting</strong>
|
||||
<b>Graytech Hosting</b>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="recent-work-item">
|
||||
<em>
|
||||
<img src="{{ asset('pages/welcome/img/activity/email.png') }}" alt="Email Hosting" class="img-responsive" >
|
||||
<a href="https://graytech.com.au"><i class="fa fa-link"></i></a>
|
||||
{{-- If this is a jpeg instead of a URL, it renders a nice popup --}}
|
||||
<a href="{{ asset('pages/welcome/img/activity/email.png') }}" title="Email Hosting" data-fancybox="hosting" data-caption="Email Hosting"><i class="fa fa-search"></i></a>
|
||||
</em>
|
||||
<a class="recent-work-description" href="javascript:;">
|
||||
<strong>Email Hosting</strong>
|
||||
<b>Your Domain</b>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="recent-work-item">
|
||||
<em>
|
||||
<img src="{{ asset('pages/welcome/img/activity/graytech1.png') }}" alt="Graytech Hosting" class="img-responsive" >
|
||||
<a href="https://graytech.com.au"><i class="fa fa-link"></i></a>
|
||||
{{-- If this is a jpeg instead of a URL, it renders a nice popup --}}
|
||||
<a href="{{ asset('pages/welcome/img/activity/graytech1.png') }}" title="Graytech Hosting" data-fancybox="hosting" data-caption="Graytech Hosting"><i class="fa fa-search"></i></a>
|
||||
</em>
|
||||
<a class="recent-work-description" href="javascript:;">
|
||||
<strong>Website Hosting</strong>
|
||||
<b>Graytech Hosting</b>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END RECENT WORKS -->
|
||||
|
||||
@section('page-styles')
|
||||
<link rel="stylesheet" href="{{ asset('plugin/OwlCarousel2-2.3.4/owl.carousel.min.css') }}">
|
||||
<link rel="stylesheet" href="{{ asset('plugin/OwlCarousel2-2.3.4/owl.theme.default.min.css') }}">
|
||||
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.min.css">
|
||||
@append
|
||||
|
||||
@section('page-scripts')
|
||||
<script src="{{ asset('plugin/OwlCarousel2-2.3.4/owl.carousel.min.js') }}"></script>
|
||||
<script src="//cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.umd.min.js"></script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$('.owl-carousel').owlCarousel({
|
||||
loop: true,
|
||||
autoplay: true,
|
||||
});
|
||||
|
||||
Fancybox.bind("[data-fancybox]", {});
|
||||
});
|
||||
</script>
|
||||
@append
|
||||
@@ -0,0 +1,10 @@
|
||||
<!-- BEGIN BLOCKQUOTE BLOCK -->
|
||||
<div class="row quote-v1 margin-bottom-30" style="background: #002090;">
|
||||
<div class="col-md-9">
|
||||
<span class="text-uppercase"><strong>Get in contact today</strong></span>
|
||||
</div>
|
||||
<div class="col-md-3 text-right">
|
||||
<a class="btn-transparent" href="mailto:help@graytech.net.au" target="_blank"><i class="fas fa-pencil-alt margin-right-10"></i><email>help</email>@<domain>graytech.net.au</domain></a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END BLOCKQUOTE BLOCK -->
|
||||
@@ -24,10 +24,13 @@
|
||||
</div>
|
||||
<!-- END CLIENTS -->
|
||||
|
||||
@section('scripts')
|
||||
@section('page-styles')
|
||||
<link rel="stylesheet" href="{{ asset('plugin/animate/animate.min.css') }}">
|
||||
@append
|
||||
|
||||
@section('page-scripts')
|
||||
<!-- END SLIDER -->
|
||||
@css('/site/js/jquery/plugins/owl.carousel/2.0.0/css/owl.carousel.css')
|
||||
@css('/site/css/animate.css')
|
||||
@js('/site/js/jquery/plugins/owl.carousel/2.0.0/js/owl.carousel.min.js','jq-owl-carousel','jquery')
|
||||
|
||||
<script type="text/javascript">
|
||||
@@ -0,0 +1,27 @@
|
||||
<!-- BEGIN SERVICE BOX -->
|
||||
<div class="row service-box margin-bottom-40">
|
||||
<div class="col-sm-4 col-1">
|
||||
<div class="service-box-heading">
|
||||
<em><i class="fas fa-globe blue"></i></em>
|
||||
<span>Internet Domains</span>
|
||||
</div>
|
||||
<p>Graytech Hosting can get your internet domain name registered and active. For .AU domains, you'll need to have an ABN, but for everything else you just need to decide how you want to be known.</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4 col-1">
|
||||
<div class="service-box-heading">
|
||||
<em><i class="fas fa-desktop red"></i></em>
|
||||
<span>Website Hosting</span>
|
||||
</div>
|
||||
<p>Hosting websites is our speciality, regardless of whether it's public facing for your prospective customers, or internal for your employees.</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4 col-1">
|
||||
<div class="service-box-heading">
|
||||
<em><i class="fas fa-link green"></i></em>
|
||||
<span>Internet Connections</span>
|
||||
</div>
|
||||
<p>We have been providing companies and individuals Internet since it was available via dialup. Our extensive experience with IP, DNS, Firewalls and Routers we can get you online to the public internet, or via a virtual private network to your remote office(s).</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END SERVICE BOX -->
|
||||
@@ -0,0 +1,87 @@
|
||||
<!-- BEGIN SLIDER -->
|
||||
<div class="page-slider margin-bottom-40">
|
||||
<div id="carousel-example-generic" class="carousel slide carousel-slider">
|
||||
<!-- Indicators -->
|
||||
<ol class="carousel-indicators carousel-indicators-frontend">
|
||||
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
|
||||
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
|
||||
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
|
||||
</ol>
|
||||
|
||||
<!-- Wrapper for slides -->
|
||||
<div class="carousel-inner" role="listbox">
|
||||
|
||||
<div class="item carousel-item active" style="background-image: url( {{ asset('pages/welcome/img/slider/mobile-phone-426559_1920.jpg') }} ); background-size: cover; background-position: center center; opacity: 0.8;">
|
||||
<div class="container">
|
||||
<div class="carousel-position-six text-uppercase text-center" style="background: rgba(100,100,100, 0.7); color: #000;padding: 20px;">
|
||||
<h2 class="margin-bottom-20 animate-delay carousel-title-v2" data-animation="animated fadeInDown">
|
||||
Internet confusing?
|
||||
</h2>
|
||||
<p class="carousel-subtitle-v5 border-top-bottom margin-bottom-30" data-animation="animated fadeInDown">We can help you with your Internet journey.</p>
|
||||
|
||||
{{--
|
||||
<a class="carousel-btn-green" href="#" data-animation="animated fadeInUp">Button</a>
|
||||
--}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item carousel-item" style="background-image: url( {{ asset('pages/welcome/img/slider/ipad-820272_1920.jpg') }} );">
|
||||
<div class="container">
|
||||
<div class="carousel-position-six">
|
||||
<h2 class="animate-delay carousel-title-v6 text-uppercase" data-animation="animated fadeInDown">
|
||||
Web hosting a challenge?
|
||||
</h2>
|
||||
<p class="carousel-subtitle-v6 text-uppercase" data-animation="animated fadeInDown">
|
||||
Graytech Hosting can take away the complexity of getting a web presence.
|
||||
</p>
|
||||
<p class="carousel-subtitle-v7 margin-bottom-30" data-animation="animated fadeInDown" style="color: #fff;">
|
||||
We can host your website, all you need is to provide the content.
|
||||
</p>
|
||||
|
||||
{{--
|
||||
<a class="carousel-btn-green" href="#" data-animation="animated fadeInUp">Button</a>
|
||||
--}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item carousel-item" style="background-image: url( {{ asset('pages/welcome/img/slider/binary-2907220_1920.jpg') }} );">
|
||||
<div class="container">
|
||||
<div class="carousel-position-six text-uppercase" style="background: rgba(100,100,100, 0.7); color: #000;padding: 20px;">
|
||||
<h2 class="margin-bottom-20 animate-delay carousel-title-v2" data-animation="animated fadeInDown">
|
||||
Not sure where to begin?
|
||||
</h2>
|
||||
<p class="carousel-subtitle-v5 text-uppercase" data-animation="animated fadeInDown">
|
||||
We can manage everything from the link to the internet, your email,<br>
|
||||
your website and a firewall to keep the bad folks out.
|
||||
</p>
|
||||
<p class="carousel-subtitle-v7 margin-bottom-30" data-animation="animated fadeInDown" style="color: #fff;">
|
||||
Get in touch.
|
||||
</p>
|
||||
{{--
|
||||
<a class="carousel-btn-green" href="#" data-animation="animated fadeInUp">Button</a>
|
||||
--}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Controls -->
|
||||
<a class="left carousel-control carousel-control-shop carousel-control-frontend" href="#carousel-example-generic" role="button" data-slide="prev">
|
||||
<i class="fa fa-angle-left" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a class="right carousel-control carousel-control-shop carousel-control-frontend" href="#carousel-example-generic" role="button" data-slide="next">
|
||||
<i class="fa fa-angle-right" aria-hidden="true"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@section('page-styles')
|
||||
<link rel="stylesheet" href="{{ asset('pages/welcome/css/carousel-slider.css') }}">
|
||||
<link rel="stylesheet" href="{{ asset('plugin/animate/animate.min.css') }}">
|
||||
@append
|
||||
|
||||
@section('page-scripts')
|
||||
<script src="{{ asset('pages/welcome/js/bs-carousel.js') }}"></script>
|
||||
@append
|
||||
@@ -0,0 +1,27 @@
|
||||
<!-- BEGIN STEPS -->
|
||||
<div class="row margin-bottom-40 front-steps-wrapper front-steps-count-3">
|
||||
{{-- Dynamically count the steps and choose the appropriate col-md-x --}}
|
||||
<div class="col-md-4 col-sm-4 front-step-col">
|
||||
<div class="front-step front-step1">
|
||||
<h2>Get in Contact</h2>
|
||||
<p>Send us an email, or give us a call and help us understand what your technology challenges are.</p>
|
||||
<br>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-sm-4 front-step-col">
|
||||
<div class="front-step front-step2">
|
||||
<h2>We'll build you a custom solution</h2>
|
||||
<p>We'll help you end to end, from getting a domain name, getting online and enable you to interact with your online customers.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-sm-4 front-step-col">
|
||||
<div class="front-step front-step3">
|
||||
<h2>You interact with your clients</h2>
|
||||
<p>We'll take out all the complexities so all you need to do is focus on your business.</p>
|
||||
<br>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END STEPS -->
|
||||
@@ -1,30 +0,0 @@
|
||||
<!-- BEGIN RECENT WORKS -->
|
||||
<div class="row recent-work margin-bottom-40">
|
||||
<div class="col-md-3">
|
||||
<h2><a href="portfolio.html">Recent Activity</a></h2>
|
||||
<p>{{ $so->activity_intro }}</p>
|
||||
</div>
|
||||
|
||||
<div class="col-md-9">
|
||||
<div class="owl-carousel owl-carousel3">
|
||||
{{-- @todo These should scroll --}}
|
||||
@php($c=0)
|
||||
@foreach ($so->activities as $o)
|
||||
<div class="recent-work-item">
|
||||
<em>
|
||||
<img src="{{ $o['image_small'] }}" alt="{{ $o['title'] }}" class="img-responsive">
|
||||
<a href="#"><i class="fa fa-link"></i></a>
|
||||
{{-- If this is a jpeg instead of a URL, it renders a nice popup --}}
|
||||
<a href="{{ $o['image_large'] }}/{{$c}}.jpg" class="fancybox-button" title="Project Name #{{$c}}" data-rel="fancybox-button"><i class="fa fa-search"></i></a>
|
||||
</em>
|
||||
<a class="recent-work-description" href="javascript:;">
|
||||
<strong>{{ $o['title'] }}</strong>
|
||||
<b>{{ $o['subtitle'] }}</b>
|
||||
</a>
|
||||
</div>
|
||||
@php($c++)
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END RECENT WORKS -->
|
||||
@@ -1,14 +0,0 @@
|
||||
<!-- BEGIN BLOCKQUOTE BLOCK -->
|
||||
<div class="row quote-v1 margin-bottom-30" style="background: #002090;">
|
||||
@foreach ($so->block_quotes as $o)
|
||||
<div class="col-md-9">
|
||||
<span>{{ $o['title'] }}</span>
|
||||
</div>
|
||||
@if($o['image'])
|
||||
<div class="col-md-3 text-right">
|
||||
<a class="btn-transparent" href="#" target="_blank"><i class="fa fa-rocket margin-right-10"></i><img src="{{ $o['image'] }}" style="height: 50px;"></a>
|
||||
</div>
|
||||
@endif
|
||||
@endforeach
|
||||
</div>
|
||||
<!-- END BLOCKQUOTE BLOCK -->
|
||||
@@ -1,14 +0,0 @@
|
||||
<!-- BEGIN SERVICE BOX -->
|
||||
<div class="row service-box margin-bottom-40">
|
||||
@foreach ($so->services as $o)
|
||||
<div class="col-md-4 col-sm-4">
|
||||
<div class="service-box-heading">
|
||||
<em><i class="{{ $o['icon'] }}"></i></em>
|
||||
<span>{{ $o['title'] }}</span>
|
||||
</div>
|
||||
<p>{{ $o['text'] }}</p>
|
||||
<img src="{{ $o['image'] }}" class="col-md-10">
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
<!-- END SERVICE BOX -->
|
||||
@@ -1,82 +0,0 @@
|
||||
<!-- BEGIN SLIDER -->
|
||||
<div class="page-slider margin-bottom-40">
|
||||
<div id="carousel-example-generic" class="carousel slide carousel-slider">
|
||||
<!-- Indicators -->
|
||||
<ol class="carousel-indicators carousel-indicators-frontend">
|
||||
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
|
||||
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
|
||||
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
|
||||
</ol>
|
||||
|
||||
<!-- Wrapper for slides -->
|
||||
<div class="carousel-inner" role="listbox">
|
||||
|
||||
@foreach ($so->site_slider as $ss)
|
||||
@switch($ss['style'])
|
||||
|
||||
@case(1)
|
||||
<div class="item carousel-item active" style="background: {{ $ss['image'] }};">
|
||||
|
||||
<div class="container">
|
||||
<div class="carousel-position-six text-uppercase text-center" style="background: #000; color: #888; opacity: 0.5; font-style: bold;">
|
||||
<h2 class="margin-bottom-20 animate-delay carousel-title-v1" data-animation="animated fadeInDown">
|
||||
{!! $ss['title'] !!}
|
||||
</h2>
|
||||
<p class="carousel-subtitle-v5 border-top-bottom margin-bottom-30" data-animation="animated fadeInDown">{!! $ss['text'] !!}</p>
|
||||
@isset($ss['button'])
|
||||
<a class="carousel-btn-green" href="{{ $ss['button']['url'] }}" data-animation="animated fadeInUp">{!! $ss['button']['text'] !!}</a>
|
||||
@endisset
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@break
|
||||
|
||||
@case(2)
|
||||
<div class="item carousel-item" style="background: {{ $ss['image'] }};">
|
||||
|
||||
<div class="container">
|
||||
<div class="carousel-position-six">
|
||||
<h2 class="animate-delay carousel-title-v6 text-uppercase" data-animation="animated fadeInDown">
|
||||
{!! $ss['title'] !!}
|
||||
</h2>
|
||||
<p class="carousel-subtitle-v6 text-uppercase" data-animation="animated fadeInDown">
|
||||
{!! $ss['text'] !!}
|
||||
</p>
|
||||
<p class="carousel-subtitle-v7 margin-bottom-30" data-animation="animated fadeInDown">
|
||||
{!! $ss['text2'] !!}
|
||||
</p>
|
||||
@isset($ss['button'])
|
||||
<a class="carousel-btn-green" href="{{ $ss['button']['url'] }}" data-animation="animated fadeInUp">{!! $ss['button']['text'] !!}</a>
|
||||
@endisset
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@break
|
||||
|
||||
@endswitch
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
<!-- Controls -->
|
||||
<a class="left carousel-control carousel-control-shop carousel-control-frontend" href="#carousel-example-generic" role="button" data-slide="prev">
|
||||
<i class="fa fa-angle-left" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a class="right carousel-control carousel-control-shop carousel-control-frontend" href="#carousel-example-generic" role="button" data-slide="next">
|
||||
<i class="fa fa-angle-right" aria-hidden="true"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@section('scripts')
|
||||
<!-- END SLIDER -->
|
||||
@css('/site/js/jquery/plugins/owl.carousel/2.0.0/css/owl.carousel.css')
|
||||
@css('/site/css/animate.css')
|
||||
@js('/site/js/jquery/plugins/owl.carousel/2.0.0/js/owl.carousel.min.js','jq-owl-carousel','jquery')<!-- slider for products -->
|
||||
@js('/pages/js/bs-carousel.js','bs-carousel','jq-owl-carousel')
|
||||
|
||||
<script type="text/javascript">
|
||||
jQuery(document).ready(function() {
|
||||
Layout.initOWL();
|
||||
});
|
||||
</script>
|
||||
@append
|
||||
@@ -1,15 +0,0 @@
|
||||
<!-- BEGIN STEPS -->
|
||||
<div class="row margin-bottom-40 front-steps-wrapper front-steps-count-3">
|
||||
{{-- Dynamically count the steps and choose the appropriate col-md-x --}}
|
||||
@php($c=0)
|
||||
@foreach ($so->steps as $o)
|
||||
<div class="col-md-4 col-sm-4 front-step-col">
|
||||
<div class="front-step front-step{{ ++$c }}">
|
||||
<h2>{{ $o['title'] }}</h2>
|
||||
<p>{{ $o['description'] }}</p>
|
||||
<br>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
<!-- END STEPS -->
|
||||
Reference in New Issue
Block a user