LSStone

Developer
Adz
Size
5,660 Kb
Views
8,096
  1. LSStone Previews
  2. LSStone HTML Codes
  3. LSStone CSS Codes

How do I make an lsstone?

What is a lsstone? How do you make a lsstone? This script and codes were developed by Adz on 04 November 2022, Friday.

LSStone Previews
IQ Test

LSStone - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>LSStone</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 class="container-fluid" style="width:100%; box-shadow: 10px 10px 10px grey;">
<div> <div id="carousel-example" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#carousel-example" data-slide-to="0" class="active"></li> <li data-target="#carousel-example" data-slide-to="1"></li> <li data-target="#carousel-example" data-slide-to="2"></li> <li data-target="#carousel-example" data-slide-to="3"></li> <li data-target="#carousel-example" data-slide-to="4"></li> </ol> <div class="carousel-inner"> <div class="item active"> <a href="#"><img src="https://s31.postimg.org/9b1h0yb7d/IMG_0060.jpg" /></a> </div> <div class="item"> <a href="#"><img src="https://s31.postimg.org/7qicxbynv/IMG_2903.jpg" /></a> </div> <div class="item"> <a href="#"><img src="https://s19.postimg.org/730fd23o3/IMG_3706.jpg" /></a> </div> <div class="item"> <a href="#"><img src="https://s19.postimg.org/67jiksheb/IMG_0788.jpg" /></a> </div> <div class="item"> <a href="#"><img src="https://s31.postimg.org/88did6o8r/Full_Size_Render_7.jpg" /></a> </div> </div> <a class="left carousel-control" href="#carousel-example" data-slide="prev" style="z-index:2;"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="right carousel-control" href="#carousel-example" data-slide="next" style="z-index:2;"> <span class="glyphicon glyphicon-chevron-right"></span> </a>
</div> </div> <div class="sloganwrap"> <div id="slogan" class="container-fluid text-center"><div style="font-size:350%; font-weight:bold; color:black;"> We offer responsive and distinct designs.</div> </div> </div> <div id="services" class=" text-center"> <h1 class="title"> <br></h1>
<div id="minigallery" class="container-fluid text-center">
<a href="#" class="text-center col-xs-12 col-sm-6 col-md-4"> <figure> <img src="https://s19.postimg.org/3qbhc21hv/WALKWAY.jpg" alt="walkways"> <figcaption><span class="subtitle"><br></span></figcaption> </figure> </a> <a href="#" class="text-center col-xs-12 col-sm-6 col-md-4"> <figure> <img src="https://s19.postimg.org/4oruecetv/PATIOS.jpg" alt=“Patios”> <figcaption><span class="subtitle"><br></span></figcaption> </figure> </a> <a href="#" class="col-xs-12 col-sm-6 col-md-4"> <figure> <img src="https://s19.postimg.org/6vw329k43/STONE.jpg" alt="Stone"> <figcaption><span class="subtitle"><br></span></figcaption> </figure> </a> <a href="#" class="col-xs-12 col-sm-6 col-md-4"> <figure> <img src="https://s19.postimg.org/5oi5a1tzn/FIREPLACE.jpg" alt="Fireplaces and Chimneys"> <figcaption><span class="subtitle"><br></span></figcaption> </figure>
</a>
<a href="#" class="col-xs-12 col-sm-6 col-md-4"> <figure> <img src="https://s19.postimg.org/3l7q2du6r/HARSCAPE.jpg" alt="Hardscaping Walls"> <figcaption><span class="subtitle"><br></span></figcaption> </figure>
</a> <a href="#" class="col-xs-12 col-sm-6 col-md-4 last"> <figure> <img src="https://s19.postimg.org/x2x9y82dv/RESTORATION.jpg" alt=“Restoration”> <figcaption><span class="subtitle"><br></span></figcaption> </figure>
</a> </div> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/50/Snow_flake.svg/2000px-Snow_flake.svg.png" style="width:20px;"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/50/Snow_flake.svg/2000px-Snow_flake.svg.png" style="width:20px;"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/50/Snow_flake.svg/2000px-Snow_flake.svg.png" style="width:20px;"><p><h4 style="text-align:center;display:inline;"> We also offer <br><strong>Snow Removal</strong> <br>services.</h4><p><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/50/Snow_flake.svg/2000px-Snow_flake.svg.png" style="width:20px;"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/50/Snow_flake.svg/2000px-Snow_flake.svg.png" style="width:20px;"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/50/Snow_flake.svg/2000px-Snow_flake.svg.png" style="width:20px;"> <br><br><br><br> </div>
<div id="divwrap" class="container-fluid text-center">
<div id="about" class="container-fluid text-center"> <h1 class="title" style="color:white;padding-bottom:5%;">ABOUT US</h1>
<div id="Abt1"> <h3><span class="subtitle2"><strong>Our Foundation</strong></span></h3> <span class="glyphicon glyphicon-road" style="font-size:2.5em; padding:10px;"></span> <h4>We are rooted in our commitment to quality, our integrity, and our responsiveness to our clients' needs. We strive to provide professional and courteous service to our customers. In the process, we continue to build long-term relationships with homeowners and companies. </h4> <br><hr><br> <h3><strong><span class="subtitle2" style="color:white;">Our Location</span></strong></h3> <span class="glyphicon glyphicon-home" style="font-size:2.5em; padding:10px;"></span> <h4>Established in 2007, LS Stone Masonry Inc. has been serving homeowners in the North-Eastern Atlantic region - Philadelphia, Montgomery, Chester, Delaware County and surrounding areas since 2007.</h4> </div> </div> </div> <div id="testimonial" class="container text-center"> <blockquote><span class="blockquote">"We have been very pleased with the restoration of our home after a fire caused extensive damage. The planning, workmanship and follow up on details by LS Stone Masonry was first class! We have received numerous compliments on the finished product."</span> <br> <footer><strong>Paul and Monika,</strong>
Homeowners, Montgomery County</footer><br></blockquote> <div class="btn"> Read more testimonials <strong>here</strong></div>
</div> </div></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>
</div>
</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 - 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;}
.title{margin-top:20px; font-size:350%; text-align:center; font-weight:bold;}
.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;
}
.sloganwrap {background-image: url('https://s19.postimg.org/4e119a8sz/LSStone_Bkgnd.jpg'); background-repeat:repeat; background-size:cover;}
#slogan {position:relative; font-family:'Poiret One', cursive; padding:20% 10%;
text-align:center; background-color:white; opacity:0.7; font-weight:bold;}
#divwrap {background-image: url('http://torange.biz/photo/2/2917/2917-FX-6-0-12-6-8-0.jpg'); background-size:cover; width:100%;}
#about {width:100%; background-color:black; opacity:0.85;
position:relativ; color:#414141; text-align:center; padding:5%;}
#about img {width:300px; height:200px; display:inline; margin:20px; -webkit-box-shadow:10px 10px 10px grey; box-shadow: 10px 10px 10px grey; border: 1px solid grey; }
#Abt1, #Abt2 {color:white; font-size:70%; padding:0% 10%;}
#about .subtitle2{border-bottom:5px solid white; margin-bottom:10%;}
#about h4 {font-family:"Poiret One", Georgia;font-size:220%;}
#services
{position:relative;right:0px; left:0px; margin:0px;text-align:center; color:#1a1a1a; padding-top:5%;}
#services a {text-decoration:none; color:#343940; border-radius:5px;}
#carousel-example img {width:100%;}
figure{padding:2% 2%; -webkit-box-shadoow:10px 10px 10px grey; box-shadoow: 5px 5px 5px grey; border:px solid black; margin:10px;}
figcaption{width:100%;font-size:120%; padding:1px; word-wrap: break-word; background-color:white; color:#1a1a1a;}
#minigallery img {width:100%; height:auto; border-radius: 5px;}
#minigallery img:hover {opacity:0.8; }
#minigallery {margin-bottom:30px;}
#testimonial {font-family: "Poiret One", cursive; margin-bottom:30px; margin-top:30px; text-align: left; padding:20px; color:#414141;}
.blockquote {font-style:italic;background-color:#F7DA57; font-size:130%; font-weight:bold;width:90%;}
#testimonial footer {font-style:italic; color:#0f0ff; font-size:100%;padding-top:5%;}
#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;}
.btn {font-family: 'Montserrat', Helvetica; border-radius:1px; padding: 2%; border:3px solid #414141; color: #414141; text-align:center; font-size:100%;}
.btn:hover {color:white; background-color: #414141; }
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
display: block;
max-width: 100%;
line-height: 1;
height: 100%;
}
.fa {font-size:200%; margin:10px; color:white;}
#contax a{text-decoration:none; color:white;}
#contax a:hover, .fa:hover {color:grey;}
LSStone - Script Codes
LSStone - Script Codes
Home Page Home
Developer Adz
Username aadesida
Uploaded November 04, 2022
Rating 3
Size 5,660 Kb
Views 8,096
Do you need developer help for LSStone?

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!

Adz (aadesida) Script Codes
Name
LSStone Home
Google Search Mock
Calculator
AngularJS Shop Layout
A Pen by Adz
YouTube Video Page Mock
SoundCloud Maker
LSStone Hardscape Walls
Insta
LeMandinque
Create amazing captions with AI!

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!