minicms/core
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

FEATURE #1525: functional contact form template

Browse Source
This commit is contained in:
peter
2016-04-04 20:41:33 +02:00
parent 753b0cf2e2
commit d0411feebf
4 changed files with 198 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/visitor/cwbs/defaultLayout.blade.php
+119
View File
@@ -0,0 +1,119 @@
<!doctype html>
<html>
<head>
<title>Custom Wristbands.cz</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link href='https://fonts.googleapis.com/css?family=Ubuntu:400,300,500,700&subset=latin-ext,latin' rel='stylesheet'
type='text/css'>
<link href="@asset('foundation.min.css')" type="text/css" rel="stylesheet">
<script src="@asset('vendor/jquery.min.js')" type="text/javascript"></script>
<script src="@asset('foundation.min.js')" type="text/javascript"></script>
<link href="@asset('layout.css')" type="text/css" rel="stylesheet">
<link href="@asset('style.css')" type="text/css" rel="stylesheet">
</head>
<body>
<div class="top-bar">
<div class="top-bar-left">
<ul class="menu">
<li class="menu-text">
<a href="{{route('page.index')}}">
<img id="logo" src="@asset('images/cwbs_logo_medium.png')" alt="Custom Wristbands Logo">
</a>
</li>
</ul>
</div>
<div class="top-bar-right">
<ul class="menu pull-right hide-for-large">
<li>
<a href="#" onclick="showResponsiveMenu()" id="show-menu">MENU<i class="fa fa-fw fa-2x fa-navicon"></i></a>
</li>
</ul>
<div id="responsive-menu">
<a href="#" id="unload-menu" class="hide-for-large" onclick="hideResponsiveMenu();"><i class="fa fa-fw fa-2x fa-mail-reply"></i></a>
@widgetArea('mainMenu')
</div>
</div>
</div>
<div id="content">
@yield('content')
</div>
<footer class="large">
<div class="row text-center">
<ul class="menu social-icons">
<li>
<a href="#" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-facebook fa-stack-1x w-t"></i>
</span>
</a>
</li>
<li>
<a href="#" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa fa-google-plus fa-stack-1x w-t"></i>
</span>
</a>
</li>
<li>
<a href="#" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-instagram fa-stack-1x w-t"></i>
</span>
</a>
</li>
<li>
<a href="#" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-pinterest-p fa-stack-1x w-t"></i>
</span>
</a>
</li>
</ul>
<div class="clearfix"></div>
@widgetArea('mainMenu')
<div class="clearfix"></div>
<hr>
<p>
@widgetArea('footer')
</p>
</div>
</footer>
<script type="text/javascript">
$ (function () {
$ (document).foundation ();
});
var menuHolder = document.getElementById('responsive-menu');
function showResponsiveMenu() {
menuHolder.style.display="block";
menuHolder.style.height = document.documentElement.clientHeight + 'px';
menuHolder.style.height = window.innerHeight + 'px';
menuHolder.style.height = '100%;';
}
function hideResponsiveMenu() {
menuHolder.style.display="none";
}
window.onresize = function() {
if(window.innerWidth >= 1023) {
menuHolder.style.display="block";
menuHolder.style.height = "auto";
} else {
hideResponsiveMenu();
}
};
</script>
</body>
</html>