LSStone Patios
How do I make an lsstone patios?
What is a lsstone patios? How do you make a lsstone patios? This script and codes were developed by Adz on 04 November 2022, Friday.
LSStone Patios - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>LSStone Patios</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link href='https://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Oxygen:400,700|Lobster|Pacifico|Quicksand:400,700|Shadows+Into+Light|Exo:400,700|Varela|Just+Another+Hand|Varela+Round|Questrial|Enriqueta|Lustria|Limelight|Overlock:400,700|Oranienbaum|Playfair+Display|Crimson+Text|Quattrocento+Sans|Old+Standard+TT' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <body>
<nav id="NavBar" class="navbar navbar-inverse" role="navigation"> <div class="container-fixed"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#NAVBAR" style="margin-top:20px; border:2px solid #414141;"> <span class="sr-only">Toggle navigation</span> <span style="font-weight:bold;">MENU</span> </button> <a class="navbar-brand" href="#"><img src="https://s19.postimg.org/p4ke2j6kz/Screen_Shot_2016_07_11_at_1_38_22_PM.png" width="150px" height="70px"></a> </div> <div class="collapse navbar-collapse" id="NAVBAR"> <ul class="nav navbar-nav"> <li id="r"><a href="#"><span class="subtitle">HOME</span></a></li> <li id="r"><a href="#services"><span class="subtitle">SERVICES</span></a></li> <li id="r"><a href="#about"><span class="subtitle">ABOUT</span></a></li> <li id="r"><a href="#testimonial"><span class="subtitle">TESTIMONIALS</span></a></li> <li id="r"><a href="#contax"><span class="subtitle">CONTACT</span></a></li> </ul> </div> </div> </nav> <div id="ourservices" class="container text-center"> <h1 class="title text-center">PATIOS</h1> <br> <p class="col-xs-12 words"> A patio can be a space for family and friends to gather, enjoy meals, and spend quality time together. It can also be a space for quiet seclusion and enjoying outdoor activities. </p> <p class="col-xs-12"><img src="https://s31.postimg.org/4z3okgpiz/IMG_3065.jpg" style="float:left;"></p> <p class="col-xs-12 col-sm-12"><img src="https://s19.postimg.org/6mov1hbm9/Full_Size_Render_9.jpg" style="float:right;"> <p class="col-xs-12 col-sm-9"><img src="https://s19.postimg.org/g4jk4eqz5/IMG_3703_1.jpg" style="float:left;"></p> <p class="words">For our patios we use different materials - flagstone, brick, concrete, pavers, unregular flagstone and natural stone.</p> <p><img src="https://s19.postimg.org/m0ijoxclv/IMG_1419.jpg"></p> <p class="words" style="float:left;"> <p class="words">We can transform your patio from ordinary to extraordinary with tips and ideas that bring it to life. We also do exterior cleaning of decks. </p> <p><img src="https://s31.postimg.org/qzometxkp/Full_Size_Render_8.jpg"></p> <p><img src="https://s31.postimg.org/bt9dwessb/IMG_0583.jpg"></p> </div>
<div id="contax">
<img src="http://www.lsstonemasonry.com/images/LSSM-WhiteLogo262x85.png" style="width:300px; margin-top:10px; text-align:center;"></p> <hr> <p style="text-align:center; font-size:170%; padding: 0px 20px; "><a href="https://www.google.com/maps/place/33+Conestoga+Rd,+Malvern,+PA+19355"> 33 Conestoga Road | Malvern, PA 19355</a> <br> <a href="tel:+14844599498">(484) 459-9498</a> <br> <a href="mailto:[email protected]?subject=Message from a Visitor">E-mail: [email protected]</a></p>
<p> <a href="#"><i class="fa fa-facebook"></i> </a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></p> </div>
</body> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js'></script>
</body>
</html>
LSStone Patios - Script Codes CSS Codes
/*@media screen and (max-width: 768px) { #topbar{display:none;} #NavBar{background-color:#24292B;} #r{border-right:none;}
}
*/ @import url(https://fonts.googleapis.com/css?family=Permanent+Marker); @import url(https://fonts.googleapis.com/css?family=Alfa+Slab+One); @import url(https://fonts.googleapis.com/css?family=Oswald); @import url(https://fonts.googleapis.com/css?family=Poiret+One); @import url(https://fonts.googleapis.com/css?family=Share+Tech);
@import url(https://fonts.googleapis.com/css?family=Tillana);
@import
url(https://fonts.googleapis.com/css?family=Candal);
@media screen and (max-width:2000px) { .carousel-inner>.item>img, .carousel-inner>.item>a>img {
display: block;
max-width: 100%;
line-height: 1;
max-height: 800px;
}
}
@media screen and (max-width:770px) { #minigallery img{max-height:350px;} figure{margin:40%;}
}
@media screen and (min-width:420px) {.btn{display:block; width:90%;}}
@media screen and (max-width: 540px) { body {min-width:350px;}}
*{box-sizing: border-box;}
body {font-family:"Montserrat", cursive; width:100%;letter-spacing:px;}
.subtitle {position: relative; color:#414141;}
.subtitle:after {display: inline; position: absolute; left: 0; bottom: -10px; width: 0;
height: 20%; background-color: #414141; content: ""; transition: width 0.2s;}
.subtitle:hover {color:#414141;}
.subtitle:hover:after {width: 100%;}
.navbar-brand{
background-color:#ffffff;
text-align:center;
margin-bottom:25px; margin-top:-15px; margin-left:3px;}
/*.carousel-inner a {height:50%; width:50%;}*/
#topbar, #NavBar{text-align:right; background-color:white; margin:0px; color:#414141; float:none; border:none; border-bottom: 1px solid #1a1a1a; padding:10px; padding-bottom:12px; z-index:1;}
#NavBar button {
background-color:white; color:#414141; border-bottom:1px solid #1a1a1a; }
#r{font-size:100%; font-weight:bold; display:block; text-align:right; text-decoration:none; margin:0px; padding-top:10px; margin:1px;}
#NAVBAR a {color:#414141; float:none; background:white;}
.navbar .navbar-nav { display: inline-block; float: none;
}
.navbar .navbar-collapse { text-align: right;
}
#contax {font-size:smaller; position:relative; right:0px; left:0px; bottom:0px; margin:0px; text-align:center; background-color:#1a1a1a; padding:10px 5px; color:white;}
.fa {font-size:200%; margin:10px; color:white;}
#contax a{text-decoration:none; color:white;}
#contax a:hover, .fa:hover {color:grey;}
#ourservices {font-family: "Poiret One", cursive; margin-bottom:30px; text-align: left; padding:20px; color:#414141;}
.words {text-align:center; font-size:160%; margin: 5% 0%;}
.title{text-align:center; font-size:400%; font-weight:bold; margin: 5%; font-family:Georgia;}
#ourservices img {width:100%;}
.left{float:left;}
.right{float:right;}
Developer | Adz |
Username | aadesida |
Uploaded | November 04, 2022 |
Rating | 3 |
Size | 4,004 Kb |
Views | 14,168 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Etch | 2,441 Kb |
Calculator | 3,043 Kb |
Insta | 1,479 Kb |
LSStone Restoration | 3,873 Kb |
LSStone Testimonials | 4,139 Kb |
Playful Port | 4,197 Kb |
LSStone Hardscape Walls | 3,903 Kb |
LSStone STONEWORK | 3,954 Kb |
AngularJS Shop Layout | 5,747 Kb |
LSStone Walkways | 4,460 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Birthday Party Starter | Aussieyang | 1,629 Kb |
Opening Reveal Modal On Document Ready | Winghouchan | 1,787 Kb |
Cool Page Split Effect | Anthonyadamski | 6,128 Kb |
JQuery exercise | Brian-baum | 3,780 Kb |
C.Rowe Button | Brownerd | 2,473 Kb |
Responsive Minimal Blog Layout | Hackthevoid | 5,261 Kb |
Experiment | Toddmoy | 2,849 Kb |
Donut Chart example - MorrisJS | Capelo | 2,385 Kb |
Hc first draft | Stepfray | 5,104 Kb |
HEXAGON | Aurumlux | 1,684 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!