fixup round 3, styles, texts
This commit is contained in:
parent
59ca987c52
commit
add18f6aff
@ -1 +1 @@
|
||||
<div class="col-md-12" id="map" style="height: 450px;"></div>
|
||||
<div class="col-md-12" id="map" style="height: 585px;"></div>
|
||||
@ -1,6 +1,8 @@
|
||||
body{
|
||||
margin: 0;
|
||||
font-family: Helvetica,Arial,sans-serif;
|
||||
font-style: italic;
|
||||
font-stretch: semi-expanded;
|
||||
}
|
||||
|
||||
a {
|
||||
@ -11,164 +13,77 @@ a {
|
||||
color: #fd4d4a;
|
||||
}
|
||||
|
||||
//#footer{
|
||||
// width: 100%;
|
||||
// color: white;
|
||||
// clear: both;
|
||||
// font-size: 12px;
|
||||
//}
|
||||
h1, h2{
|
||||
font-family: HEATHER;
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
//#main{
|
||||
// width: 80%;
|
||||
// margin-left: auto;
|
||||
// margin-right: auto;
|
||||
//}
|
||||
.padding0{
|
||||
padding:0 !important;
|
||||
}
|
||||
|
||||
//#static {
|
||||
// float: right;
|
||||
//}
|
||||
.margin0{
|
||||
margin:0 !important;
|
||||
}
|
||||
#flexsliderheader {
|
||||
z-index: 0; border:0;
|
||||
}
|
||||
#flexsliderheader li img {
|
||||
height: 300px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
//#map_link {
|
||||
// height: 110px;
|
||||
// cursor: pointer;
|
||||
//}
|
||||
.navbar-toggle {
|
||||
background-color: #333 !important;
|
||||
}
|
||||
|
||||
//#content{
|
||||
// float: left;
|
||||
// background-color: #F996AC;
|
||||
// background-color: rgba(249, 150, 172, 0.6);
|
||||
// opacity: 0.95;
|
||||
// width: 61.8%;
|
||||
// min-height: 500px;
|
||||
// max-height: 500px;
|
||||
// overflow-y: scroll;
|
||||
// border-radius: 0 0 0 5px;
|
||||
//}
|
||||
//#menu {
|
||||
// background-color: #990015;
|
||||
// clear: both;
|
||||
//}
|
||||
#static-img {
|
||||
border-radius: 5px;
|
||||
border: 1px solid grey;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
//#content_frame {
|
||||
// margin: 0;
|
||||
// padding: 0;
|
||||
// width: 100%;
|
||||
//}
|
||||
|
||||
//#content_frame_frame {
|
||||
// margin-left: auto;
|
||||
// margin-right: auto;
|
||||
// padding: 0;
|
||||
// text-align: justify;
|
||||
// font-size: 105%;
|
||||
// width: 80%;
|
||||
//}
|
||||
|
||||
//#info {
|
||||
// width: 38.2%;
|
||||
// float: right;
|
||||
// background-color: rgba(246, 53, 95, 0.8);
|
||||
// font-weight: bold;
|
||||
// height: 200px;
|
||||
//}
|
||||
|
||||
//#info_text {
|
||||
// padding-top: 20px;
|
||||
// float: right;
|
||||
// padding-right: 50px;
|
||||
// font-weight: bold;
|
||||
// font-size: 15px;
|
||||
// line-height: 25px;
|
||||
//}
|
||||
|
||||
//#logo {
|
||||
// height: 200px;
|
||||
// opacity: 1;
|
||||
// margin: 0;
|
||||
// width: 61.8%;
|
||||
// float: left;
|
||||
//}
|
||||
|
||||
//#menu div{
|
||||
// margin: 0;
|
||||
// padding: 0;
|
||||
// height: 30px;
|
||||
// width: 20.6%;
|
||||
// text-align: center;
|
||||
// float: left;
|
||||
// padding-top: 5px;
|
||||
//}
|
||||
|
||||
//#menu div a{
|
||||
// display: block;
|
||||
// height: 30px;
|
||||
// color: white;
|
||||
//}
|
||||
|
||||
//#menu div:hover{
|
||||
// background: #EFF0F2;
|
||||
//}
|
||||
|
||||
//#menu div:hover a{
|
||||
// color: #3C85D6;
|
||||
//}
|
||||
|
||||
//#menu_1{
|
||||
// background: #3C85D6;}
|
||||
//#menu_2{
|
||||
// background: #023F83;}
|
||||
//#menu_3{
|
||||
// background: #91B8E4;}
|
||||
//#angebot{
|
||||
// float: left;
|
||||
// color: white;
|
||||
// font-weight: bold;
|
||||
// text-align: center;
|
||||
// width: 38.2%;
|
||||
// background-color: #023F83;
|
||||
// height: 30px;
|
||||
// padding-top: 5px;
|
||||
// font-size: 12px;
|
||||
//}
|
||||
|
||||
//#menu_ul {
|
||||
// margin: 0;
|
||||
// padding: 0;
|
||||
//
|
||||
//}
|
||||
//#galleria {
|
||||
// height: 500px;
|
||||
// width: 100%;
|
||||
//}
|
||||
|
||||
//#galleria_container {
|
||||
// float: left;
|
||||
// width: 38.2%;
|
||||
// background-color: rgba(255, 0, 0, 0.3);
|
||||
// border-radius: 0 0 5px 0;
|
||||
//}
|
||||
|
||||
//#galleria_container2 {
|
||||
// float: left;
|
||||
// width: 38.2%;
|
||||
//}
|
||||
|
||||
//.info_margin {
|
||||
// margin-top: 20px;
|
||||
//margin-left: 30px;
|
||||
// float: left;
|
||||
//}
|
||||
|
||||
//#info_zeiten {
|
||||
// width: auto;
|
||||
// font-size: 12px;
|
||||
//}
|
||||
|
||||
//#info_mapfb{
|
||||
// width: 50%;
|
||||
// padding-left: 18px;
|
||||
//}
|
||||
|
||||
//#top_container{
|
||||
// background-color: white;
|
||||
//}
|
||||
.navbar-inverse a{
|
||||
color: #fd4d4a !important;
|
||||
font-size: 20px;
|
||||
font-family: HEATHER;
|
||||
}
|
||||
.footer a{
|
||||
color: #333;
|
||||
font-weight: normal;
|
||||
}
|
||||
.container {
|
||||
margin-top: 20px; border: 1px solid darkgrey; margin-bottom: 10px; border-radius: 5px 5px 5px 5px;
|
||||
}
|
||||
#brand-img{
|
||||
float:left; z-index: 1; position: absolute; margin-top: 25px; width: 300px;
|
||||
}
|
||||
#head-div{
|
||||
height: 300px; background: black; width: 100%;
|
||||
}
|
||||
.navbar {
|
||||
border-radius: 0 !important;
|
||||
background-color: #d5d5d5 !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
.navbar-header {
|
||||
margin-left: 5px;
|
||||
}
|
||||
#fb-iframe{
|
||||
border:none; overflow:hidden; height:20px; margin: 0; padding: 0; margin-top: 15px; margin-left: 9px; width: 140px;
|
||||
}
|
||||
#content-row{
|
||||
background-color: beige; color: #333;
|
||||
}
|
||||
#content {
|
||||
border-left: 1px dotted #d5d5d5;
|
||||
}
|
||||
.footer {
|
||||
background-color: #d5d5d5; border-radius: 0 0 5px 5px;
|
||||
}
|
||||
#footer-middle {
|
||||
text-align: center;
|
||||
}
|
||||
#footer-right {
|
||||
text-align: right;
|
||||
}
|
||||
@ -5,7 +5,7 @@ $(document).ready(function() {
|
||||
$(".navbar-collapse").collapse('hide');
|
||||
});
|
||||
|
||||
$('.flexsliderheader').flexslider({
|
||||
$('#flexsliderheader').flexslider({
|
||||
animation: "slide",
|
||||
directionNav: false,
|
||||
controlNav: false,
|
||||
|
||||
@ -8,40 +8,21 @@
|
||||
<meta name="author" content="Webcraft-Media.de">
|
||||
<title>${page_title}</title>
|
||||
<style>
|
||||
@font-face {
|
||||
font-family: "HEATHER";
|
||||
src: url("./files/page/HEATHER_.TTF");
|
||||
}
|
||||
@font-face{font-family: "HEATHER";src: url("./files/page/HEATHER_.TTF");}
|
||||
body{background: url('./files/page/background_friseur2.png') no-repeat center center fixed; background-size: cover;}
|
||||
.padding0{
|
||||
padding:0 !important;
|
||||
}
|
||||
|
||||
.margin0{
|
||||
margin:0 !important;
|
||||
}
|
||||
.flexsliderheader li img {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.navbar-inverse a{
|
||||
color: #fd4d4a !important;
|
||||
font-size: 20px;
|
||||
font-family: HEATHER;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container" style="margin-top: 25px; border: 1px solid darkgrey; margin-bottom: 10px; border-radius: 5px 5px 5px 5px;">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<img style="float:left; z-index: 1; position: absolute; margin-top: 50px; width: 250px;" src="./files/page/header_friseurteam2.png"/>
|
||||
<div class="col-md-12 padding0" style="height: 300px; background: black;">
|
||||
<div style="float: left; z-index: 0; height: 300px; overflow: hidden; float: left; position: relative;" class="flexsliderheader">${head_gallery}</div>
|
||||
<h1 class="padding0 margin0"><img id="brand-img" alt="Friseurteam Angelika Gabriel - Darmstädter Straße 30 - 64673 Zwingenberg - Bergstraße - Friseursalon" title="Friseurteam Angelika Gabriel" src="./files/page/header_friseurteam2.png"/></h1>
|
||||
<div class="col-md-12 padding0" id="head-div">
|
||||
<div id="flexsliderheader" class="flexslider">${head_gallery}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<nav class="navbar navbar-inverse margin0" style="border-radius: 0 !important; background-color: #d5d5d5; border: 0;">
|
||||
<div class="navbar-header" style="margin-left: 5px;">
|
||||
<nav class="navbar navbar-inverse margin0">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed pull-left" data-toggle="collapse" data-target="#menu-collapse" aria-expanded="false">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
@ -58,19 +39,28 @@
|
||||
<li><a href="#!anfahrt">${page_menu_contact}</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.friseurteam-zwingenberg.de&layout=button_count&show_faces=true&width=450&action=like&colorscheme=light&height=80" style="border:none; overflow:hidden; height:20px; margin: 0; padding: 0; margin-top: 15px; margin-left: 9px; width: 140px;"></iframe></li>
|
||||
<li><iframe id="fb-iframe" src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.friseurteam-zwingenberg.de&layout=button_count&show_faces=true&width=450&action=like&colorscheme=light&height=80"></iframe></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="row" style="background-color: white; color: black;">
|
||||
<div class="col-md-4">${page_zeiten_info} ${page_kontakt_info}</div>
|
||||
<div class="col-md-8 padding0" id="content" style="border-left: 1px dotted #d5d5d5;"></div>
|
||||
<div class="row" id="content-row">
|
||||
<div class="col-md-4">
|
||||
<div class="row" style="margin-bottom: 15px;">
|
||||
<div class="col-md-12">
|
||||
${page_info}
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<img class="img-responsive" alt="Der Friseursalon - Ein Blick in die Räumlichkeiten" title="Friseursalon Gabriel" id="static-img" src="./files/page/friseurteam_gallery_1.jpg"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-8 padding0" id="content"></div>
|
||||
</div>
|
||||
<div class="row" style="background-color: #d5d5d5; border-radius: 0 0 5px 5px;">
|
||||
<div class="row footer">
|
||||
<div id="footer-left" class="col-md-3 col-sm-3 col-xs-3"><a href="#!impressum" title="Impressum">Impressum</a></div>
|
||||
<div style="text-align: center;" id="footer-middle" class="col-md-6 col-sm-6 col-xs-6">${page_footer}</div>
|
||||
<div style="text-align: right;" id="footer-right" class="col-md-3 col-sm-3 col-xs-3 pull-right">© 2017 <a href="https://www.webcraft-media.de" title="Webcraft Media Webdesign" target="blank">Webcraft Media</a></div>
|
||||
<div id="footer-middle" class="col-md-6 col-sm-6 col-xs-6">${page_footer}</div>
|
||||
<div id="footer-right" class="col-md-3 col-sm-3 col-xs-3 pull-right">© 2017 <a href="https://www.webcraft-media.de" title="Webcraft Media Webdesign" target="blank">Webcraft Media</a></div>
|
||||
</div>
|
||||
</div>
|
||||
${css}
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
class default_preise implements SYSTEM\PAGE\Page {
|
||||
public function html() {
|
||||
$vars = \SYSTEM\PAGE\text::tag('friseurteam');
|
||||
return \SYSTEM\PAGE\replace::replaceFile((new PPAGE('default_preise/default_preise.tpl'))->SERVERPATH(), $vars);}
|
||||
return \SYSTEM\PAGE\replace::replaceFile((new PPAGE('default_preise/tpl/default_preise.tpl'))->SERVERPATH(), $vars);}
|
||||
|
||||
public static function css() {
|
||||
return array();
|
||||
|
||||
@ -1,2 +0,0 @@
|
||||
${page_angebot}
|
||||
${default_preise}
|
||||
3
friseurteam/page/default_preise/tpl/default_preise.tpl
Normal file
3
friseurteam/page/default_preise/tpl/default_preise.tpl
Normal file
@ -0,0 +1,3 @@
|
||||
<div class="row-fluid">
|
||||
<div class="col-md-12">${default_preise}</div>
|
||||
</div>
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user