<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
<link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Lange Zeilen umbrechen">
</head>
<body>
<pre><html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
<link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Lange Zeilen umbrechen">
</head>
<body>
<pre>&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv="content-type" content="text/html; charset=windows-1252"&gt;
&lt;link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Lange Zeilen umbrechen"&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;pre&gt;&amp;lt;html&amp;gt;
&amp;lt;head&amp;gt;
&amp;lt;meta http-equiv="content-type" content="text/html; charset=windows-1252"&amp;gt;
&amp;lt;link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Lange Zeilen umbrechen"&amp;gt;
&amp;lt;/head&amp;gt;
&amp;lt;body&amp;gt;
&amp;lt;pre&amp;gt;&amp;amp;lt;html&amp;amp;gt;
&amp;amp;lt;head&amp;amp;gt;
&amp;amp;lt;meta http-equiv="content-type" content="text/html; charset=windows-1252"&amp;amp;gt;
&amp;amp;lt;link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Lange Zeilen umbrechen"&amp;amp;gt;
&amp;amp;lt;/head&amp;amp;gt;
&amp;amp;lt;body&amp;amp;gt;
&amp;amp;lt;pre&amp;amp;gt;&amp;amp;amp;lt;html&amp;amp;amp;gt;
&amp;amp;amp;lt;head&amp;amp;amp;gt;
&amp;amp;amp;lt;meta http-equiv="content-type" content="text/html; charset=windows-1252"&amp;amp;amp;gt;
&amp;amp;amp;lt;link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Lange Zeilen umbrechen"&amp;amp;amp;gt;
&amp;amp;amp;lt;/head&amp;amp;amp;gt;
&amp;amp;amp;lt;body&amp;amp;amp;gt;
&amp;amp;amp;lt;pre&amp;amp;amp;gt;&amp;amp;amp;amp;lt;html&amp;amp;amp;amp;gt;
&amp;amp;amp;amp;lt;head&amp;amp;amp;amp;gt;
&amp;amp;amp;amp;lt;meta http-equiv="content-type" content="text/html; charset=windows-1252"&amp;amp;amp;amp;gt;
&amp;amp;amp;amp;lt;link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Lange Zeilen umbrechen"&amp;amp;amp;amp;gt;
&amp;amp;amp;amp;lt;/head&amp;amp;amp;amp;gt;
&amp;amp;amp;amp;lt;body&amp;amp;amp;amp;gt;
&amp;amp;amp;amp;lt;pre&amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;html&amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;lt;head&amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;lt;meta http-equiv="content-type" content="text/html; charset=windows-1252"&amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;lt;link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Lange Zeilen umbrechen"&amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;lt;/head&amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;lt;body&amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;lt;pre&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;lt;html&amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;lt;head&amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;lt;meta http-equiv="content-type" content="text/html; charset=windows-1252"&amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;lt;link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Lange Zeilen umbrechen"&amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;lt;/head&amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;lt;body&amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;lt;pre&amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;lt;html&amp;amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;amp;lt;head&amp;amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;amp;lt;meta content="text/html; charset=windows-1252" http-equiv="content-type"&amp;amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;amp;lt;link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css" title="Wrap Long Lines"&amp;amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;amp;lt;/head&amp;amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;amp;lt;body&amp;amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;amp;lt;pre&amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;lt;html&amp;amp;amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;amp;amp;lt;head&amp;amp;amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;amp;amp;lt;meta content="text/html; charset=windows-1252" http-equiv="content-type"&amp;amp;amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;amp;amp;lt;link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css" title="Wrap Long Lines"&amp;amp;amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;amp;amp;lt;/head&amp;amp;amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;amp;amp;lt;body&amp;amp;amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;amp;amp;lt;pre&amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;html&amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;head&amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;meta content="text/html; charset=windows-1252" http-equiv="content-type"&amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Wrap Long Lines"&amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/head&amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;body&amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;pre&amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;{ -webkit-transition: .7s ease-out;
-moz-transition: .7s ease-out;
-o-transition: .7s ease-out;
transition: .7s ease-out;
list-style: none;
}
/*================================
TYPOGRAPHY
================================*/
body {
font-family: 'Raleway', sans-serif;
line-height: 1.8em;
}
.bigicon {font-size: 3em;}
h2{font-size: 42px;}
h3{font-size: 28px;}
h4{font-size: 18px; line-height: 1.4em;}
p{
letter-spacing: 1px;
color: #8c8c8c;
font-weight: lighter;
}
/*================================
HERO AREA
================================*/
#hero{
color: #fff;
text-align: center;
background: url(../img/..)no-repeat; /*your background image*/
max-height: 200px;
overflow: hidden;
}
.herocontent{
padding-top: 50px;
width: 100%;
max-width: 900px;
}
.heroshot{
margin-top: 20px;
width: 100%;
max-width: 1200px;
}<br>
/*================================
DEFAULT STYLE &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp; FORMATING
================================*/
ul{padding: 0;}
a{color: #ea9312}
a:hover{color: #c3c3c3; text-decoration: none;}
#portfolio{text-align: center;}
.col-md-4, .col-md-6{padding-bottom: 50px;}
.col-md-3 {padding: 0;}
.sectionhead{
text-align: center;
padding-top: 0px;
padding-bottom: 50px;
}
hr.separetor{
width: 80px;
color: #363942;
border-top: 2px solid #ea9312;
}
.btn-default{
background: none;
border: none;
text-transform: uppercase;
margin: 50px 0;
color: #c3c3c3;
letter-spacing: 2px;
}
.btn-default:hover{
background: none;
color: #ea9312;
}
.btnicon, .brandicon{
margin-right: 10px;
}
/*================================
HOME AREA
================================*/
#home{
color: #fff;
text-align: center;
background: url(../img/)no-repeat; /*your background image*/
height: 600px;
overflow: hidden;
}
.homecontent{
width: 100%;
max-width: 1500px;&amp;amp;amp;lt;br&amp;amp;amp;gt;}&amp;amp;lt;br&amp;amp;gt;&lt;br&gt;<br>
.homeshot{
margin-top: 20px;
width: 50%;
max-width: 1200px;
}
/*================================
SLIDER
================================*/
.js .st-stack-raw {
display: none;
}
.st-wrapper {
width: 100%;
height: 500px;
position: relative;
margin: 0 auto;
-webkit-perspective: 1200px;
-webkit-perspective-origin : 50% 100%;
-moz-perspective: 1200px;
-moz-perspective-origin : 50% 100%;
-o-perspective: 1200px;
-o-perspective-origin : 50% 100%;
-ms-perspective: 1200px;
-ms-perspective-origin : 50% 100%;
perspective: 1200px;
perspective-origin : 50% 100%;
}
.st-stack {
position: absolute;
height: 10px;
bottom: 0px;
background-image: url(../images/gradient.png);
background-image: -webkit-linear-gradient(top, #fff 50%, #e7ae38 50%);
background-image: -moz-linear-gradient(top, #fff 50%, #e7ae38 50%);
background-image: -o-linear-gradient(top, #fff 50%, #e7ae38 50%);
background-image: -ms-linear-gradient(top, #fff 50%, #e7ae38 50%);
background-image: linear-gradient(to bottom, #fff 50%, #e7ae38 50%);
-webkit-background-size: 5px 5px;
-moz-background-size: 5px 5px;
background-size: 5px 5px;
background-position: bottom center;
}
.st-stack:before {
content: '';
position: absolute;
width: 140%;
left: -20%;
bottom: -10px;
height: 20px;
z-index: -1;
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 60%);
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 60%);
background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 60%);
background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 60%);
background: radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 60%);
}
.st-stack-left {
left: 0px;
}
.st-stack-right {
right: 0px;
}
.st-wrapper nav span {
position: absolute;
width: 40px;
height: 40px;
left: 50%;
bottom: 0;
cursor: pointer;
}
.st-wrapper nav span:first-child {
margin-left: -45px;
}
.st-wrapper nav span:last-child {
margin-left: 5px;
}
.st-wrapper nav span:before {
font-family: 'icomoon';
font-style: normal;
speak: none;
font-weight: normal;
line-height: 1;
font-size: 30px;
line-height: 40px;
text-align: center;
-webkit-font-smoothing: antialiased;
position: absolute;
width: 100%;
height: 100%;
left: 0;
color: #fff;
background: #dc4e2a;
border-radius: 50%;
cursor: pointer;
text-shadow: 0 1px 1px rgba(255,255,255,0.5);
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.st-wrapper nav span:first-child:before {
content: "\4c";
}
.st-wrapper nav span:last-child:before {
content: "\52";
}
.st-wrapper nav span:hover:before {
color: #333;
}
.st-wrapper .st-item {
position: absolute;
-webkit-transform-style : preserve-3d;
-moz-transform-style : preserve-3d;
-o-transform-style : preserve-3d;
-ms-transform-style : preserve-3d;
transform-style : preserve-3d;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
.st-wrapper .st-item.st-center {
-webkit-transform: rotateZ(0deg) rotateY(0deg);
-moz-transform: rotateZ(0deg) rotateY(0deg);
-o-transform: rotateZ(0deg) rotateY(0deg);
-ms-transform: rotateZ(0deg) rotateY(0deg);
transform: rotateZ(0deg) rotateY(0deg);
}
.st-wrapper .st-item.st-right,
.st-wrapper .st-item.st-rightflow {
opacity: 0;
-webkit-transform: rotateZ(90deg) rotateY(-90deg);
-moz-transform: rotateZ(90deg) rotateY(-91deg);
-o-transform: rotateZ(90deg) rotateY(-90deg);
-ms-transform: rotateZ(90deg) rotateY(-90deg);
transform: rotateZ(90deg) rotateY(-91deg);
pointer-events: none;
}
.st-wrapper .st-item.st-left,
.st-wrapper .st-item.st-leftflow {
opacity: 0;
-webkit-transform: rotateZ(-90deg) rotateY(90deg);
-moz-transform: rotateZ(-90deg) rotateY(91deg);
-o-transform: rotateZ(-90deg) rotateY(90deg);
-ms-transform: rotateZ(-90deg) rotateY(90deg);
transform: rotateZ(-90deg) rotateY(91deg);
pointer-events: none;
}
.st-wrapper .st-item.st-rightflow,
.st-wrapper .st-item.st-leftflow,
.st-wrapper .st-item.st-center {
opacity: 1;
}
.st-wrapper .st-item a,
.st-wrapper .st-item img {
border: none;
max-width: 100%;
display: block;
}
.st-wrapper .st-item a {
background: #fff;
box-shadow: 0 0 0 9px #fff, 0 1px 3px 9px rgba(0,0,0,0.3);
}
@media screen and (max-width: 1310px){
.st-wrapper .st-item {
width: 300px;
}
.st-wrapper {
height: 460px;
}
}
@media screen and (max-width: 1050px){
.st-wrapper .st-item {
width: 260px;
}
.st-wrapper {
height: 380px;
}
}
@media screen and (max-width: 935px){
.st-wrapper .st-item {
width: 240px;
}
.st-wrapper {
height: 380px;
}
}
@media screen and (max-width: 880px){
.st-wrapper .st-item {
width: 220px;
}
.st-wrapper .st-title {
bottom: 280px;
}
.st-wrapper {
height: 420px;
}
}
@media screen and (max-width: 740px){
.st-wrapper .st-item {
width: 200px;
}
.st-wrapper .st-title {
bottom: 240px;
}
.st-wrapper {
height: 370px;
}
}
@media screen and (max-width: 650px){
.st-stack {
display: none;
}
.st-wrapper nav {
bottom: 220px;
}
}
@media screen and (max-width: 450px){
.st-wrapper .st-item {
width: 200px;
}
.st-wrapper .st-title {
bottom: 150px;
padding-left: 0px;
padding-right: 0px;
}
.st-wrapper .st-title h2 {
font-size: 22px;
line-height: 32px;
}
.st-wrapper nav {
bottom: 140px;
}
.st-wrapper {
height: 300px;
}
}
margin-right: 35px;
}
#clients li:last-child{
margin-right: 0px;
}
/*================================
ABOUT SECTION
================================*/
#about{padding-top: 80px;}
/*================================
SHOWROOM SECTION
================================*/
#showroom{
background: #efefef;
margin-top: 50px;
padding: 30px 0;
text-align: center;
}
/*================================
TESTIMONIAL SECTION
================================*/
.clientsphoto img{
width: 80px;
float: left;
margin-right: 20px;
border-radius: 50%;
}
.clientsphoto img:hover{
border-radius: 15%;
}
blockquote{
margin: 0;
padding: 0 0 10px 0;
border: none;
}
blockquote p{
font-style: italic;
font-size: 14px;
}
.quote{overflow: hidden}
.quote h5{margin-bottom: 5px;}
/*================================
FOOTER SECTION
================================*/
footer{
text-align: center;
padding: 30px 0;
background: #363942
}
footer p, footer .bigicon {color: #7e7e7e;}
.footerlinks{margin: 100px 0;}
.footerlinks li{
display: inline;
padding: 10px;
text-transform: uppercase;
letter-spacing: 3px;
}
/*================================
SLIDER
================================*/
&amp;amp;amp;amp;amp;amp;lt;/pre&amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;lt;/body&amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;lt;/html&amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;lt;/pre&amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;lt;/body&amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;lt;/html&amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;lt;/pre&amp;amp;amp;amp;gt;
&amp;amp;amp;amp;lt;/body&amp;amp;amp;amp;gt;
&amp;amp;amp;amp;lt;/html&amp;amp;amp;amp;gt;
&amp;amp;amp;lt;/pre&amp;amp;amp;gt;
&amp;amp;amp;lt;/body&amp;amp;amp;gt;
&amp;amp;amp;lt;/html&amp;amp;amp;gt;
&amp;amp;lt;/pre&amp;amp;gt;
&amp;amp;lt;/body&amp;amp;gt;
&amp;amp;lt;/html&amp;amp;gt;
&amp;lt;/pre&amp;gt;
&amp;lt;/body&amp;gt;
&amp;lt;/html&amp;gt;
&lt;/pre&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
</body>
</html>
</pre>
</body>
</html>