Ashley Fitness

Developer
Thomas Hare
Size
4,468 Kb
Views
18,216
  1. Ashley Fitness Previews
  2. Ashley Fitness HTML Codes
  3. Ashley Fitness CSS Codes

How do I make an ashley fitness?

Working on a fitness instructor website. What is a ashley fitness? How do you make a ashley fitness? This script and codes were developed by Thomas Hare on 17 November 2022, Thursday.

Ashley Fitness Previews
IQ Test

Ashley Fitness - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Ashley Fitness</title> <link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body>	<nav class="navbar navbar-default" id="topbar">	<div class="container-fluid" id="topbar-wrapper">	<div class="col-xs-12 col-sm-12 col-md-10 col-lg-10 col-md-offset-1 col-lg-offset-1">	<div class="navbar-header hidden-xs col-sm-1 col-md-1 col-lg-1">	<a href="#"><img alt="logo" class="navbar-brand" src="https://s11.postimg.org/a08e6c26n/white_elephant.png"></a>	</div>	<ul class="nav navbar-nav hidden-xs col-sm-11">	<li><a class="adf" href="#">Ashley Denise Fit</a></li>	<li><a href="#">Memberships</a></li>	<li><a href="#">Training Programs</a></li>	<li><a href="#">Blog</a></li>	<li><a href="#">Contact</a></li>	</ul>	<ul class="nav navbar-nav col-xs-11 hidden-sm hidden-md hidden-lg" id="compact-nav">	<li><a class="navbar-brand" href="#"><img alt="logo" src="https://i.imgur.com/wcPlh8T.png"></a></li>	<li class="dropdown">	<a class="dropdown-toggle" data-toggle="dropdown" href="#">Ashley Denise Fitness <span class="caret"></span></a>	<ul class="dropdown-menu">	<li><a href="#">The Club</a></li>	</ul>	</li>	<li><a href="#">Contact</a></li>	</ul>	</div>	</div>	</nav>	<div class="container-fluid">	<div class="col-sm-12 col-md-10 col-lg-10 col-md-offset-1 col-lg-offset-1" id="classes">	<div class="col-sm-4 col-md-4 col-lg-4 class" id="class-1">	<div>	<div class="img-holder"><img alt="Service 1" src="https://images.unsplash.com/photo-1428471598907-e50b401c07b4?crop=entropy&fit=crop&fm=jpg&h=650&ixjsv=2.1.0&ixlib=rb-0.3.5&q=80&w=1300"></div>	<p>Section 1</p>	<p class="info">But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete... <a href="#">Continue reading</a></p>	</div>	</div>	<div class="col-sm-4 col-md-4 col-lg-4 class" id="class-2">	<div>	<div class="img-holder"><img alt="Service 2" src="https://images.unsplash.com/photo-1423068657086-889315a2eba8?crop=entropy&fit=crop&fm=jpg&h=650&ixjsv=2.1.0&ixlib=rb-0.3.5&q=80&w=1300"></div>	<p>Section 2</p>	<p class="info">But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete... <a href="#">Continue reading</a></p>	</div>	</div>	<div class="col-sm-4 col-md-4 col-lg-4 class" id="class-3">	<div>	<div class="img-holder"><img alt="Service 3" src="https://images.unsplash.com/photo-1444491741275-3747c53c99b4?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&w=1080&fit=max&s=91bf825913a0ff973d8247a4e4508b18"></div>	<p>Section 3</p>	<p class="info">But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete... <a href="#">Continue reading</a></p>	</div>	</div>	</div>	</div>	<div class="container-fluid">	<div class="col-sm-12 col-md-10 col-lg-10 col-md-offset-1 col-lg-offset-1">	<div class="col-sm-6 col-md-6 col-lg-6" id="bio">	<h1>Welcome Change</h1>	<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness.</p>	<p>No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally.</p>	</div>	<div class="col-sm-6 col-md-6 col-lg-6" id="testimonials">	<h2>Client Testimonials</h2>	<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful.</p>	<small>Thomas Hare, CEO &amp; Founder Slate Design Lab&trade;</small>	</div>	</div>	</div>	<div class="container-fluid">	<div class="col-sm-12 col-md-10 col-lg-10 col-md-offset-1 col-lg-offset-1">	<div class="col-sm-12 col-md-12 col-lg-12" id="services">	<div class="col-sm-3 col-md-3 col-lg-3 service" id="service-1">	<div>	<div class="tag">About The Club</div>	<img alt="" src="https://pixabay.com/static/uploads/photo/2015/09/06/20/29/sport-927760_960_720.jpg">	</div>	</div>	<div class="col-sm-3 col-md-3 col-lg-3 service" id="service-2">	<div>	<div class="tag">Memberships</div>	<img alt="" src="https://pixabay.com/static/uploads/photo/2015/01/09/11/22/fitness-594143_960_720.jpg">	</div>	</div>	<div class="col-sm-3 col-md-3 col-lg-3 service" id="service-3">	<div>	<div class="tag">Health &amp; Nutrition</div>	<img alt="" src="https://pixabay.com/static/uploads/photo/2010/12/13/10/08/belly-2354_960_720.jpg">	</div>	</div>	<div class="col-sm-3 col-md-3 col-lg-3 service" id="service-4">	<div>	<div class="tag">Blog &amp; Social</div>	<img alt="" src="https://pixabay.com/static/uploads/photo/2014/12/20/09/18/running-573762_960_720.jpg">	</div>	</div>	</div>	</div>	</div>	<div class="container-fluid" id="footer">	<div class="col-xs-12 col-sm-12 col-md-10 col-lg-10 col-md-offset-1 col-lg-offset-1">	<div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">	<h3>Working Hours</h3>	<ul>	<li>Mon-Fri: 7:00am - 11:00pm</li>	<li>Sat-Sun: 7:30am - 10:00pm</li>	<li>Holidays: 9:00am - 7:00pm</li>	</ul>	</div>	<div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">	<h3>Location</h3>	<p>Located in the Mill Avenue District, at 120 S. Ash Ave. To the right of the U.S Airways building.</p>	</div>	<div class="col-xs-12 col-sm-6 col-md-3 col-lg-6">	<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">	<h3>Classes Available</h3>	<ul>	<li><a href="#">Zumba Classes</a></li>	<li><a href="#">Spinning Classes</a></li>	<li><a href="#">HIIT Classes</a></li>	</ul>	</div>	<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">	<h3>Club Fitness</h3>	<ul>	<li><a href="#">The Club</a></li>	<li><a href="#">Memberships</a></li>	<li><a href="#">Contact</a></li>	</ul>	</div>	</div>	</div>	</div>	<div class="container-fluid" id="created-by">	<p class="pull-left">Ashley Denise Fit is a trademark. All content on this site is property of the sole proprietor Ashley Denise Currie.</p>	<a href="slatedesignlab.com">Site designed by Slate Design Lab&trade;</a>	</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js'></script>
</body>
</html>

Ashley Fitness - Script Codes CSS Codes

body {	background: #EEE url('https://images.unsplash.com/photo-1445384763658-0400939829cd?crop=entropy&fit=crop&fm=jpg&h=650&ixjsv=2.1.0&ixlib=rb-0.3.5&q=80&w=1300') no-repeat top center; background-size: 100% auto;
}
#topbar-wrapper {	padding: 0;
}
#topbar {	background-color: rgba(68,68,68,0.85);	border: none;	border-radius: 0;	box-shadow: 0 1px 2px #111;	height: 5.65rem;	margin: 0;	padding: 0;
}
#topbar .navbar-header {	background-color: #E32CD8;	box-shadow: 0 0 10px #333;	padding: 3rem 1.5%;
}
#topbar .navbar-brand {	height: auto;	line-height: 12rem;	margin: 0;	padding: 0;	width: 97%;
}
#topbar .navbar-nav {	margin: 0;	padding-left: 2rem;
}
#topbar .navbar-nav li {	display: inline-block;
}
#topbar .navbar-nav a {	color: #AAA;	line-height: 2.8rem;	transition: ease all 1s;
}
#topbar .navbar-nav a:hover {	color: #CCC;	transition: ease all 1s;
}
#topbar .navbar-nav .adf {	color: #E32CD8;	font-size: 2.5rem;	text-shadow: 0 0 10px #333;
}
#topbar #compact-nav {	padding: 0;
}
#topbar #compact-nav li {	float: left;
}
#topbar #compact-nav .navbar-brand img {	display: inline-block;	height: 3rem;
}
#topbar #compact-nav a {	line-height: 5.8rem;	padding: 0 1rem;
}
#topbar #compact-nav ul li {	float: none;
}
#topbar .dropdown.open, #topbar .dropdown.open .dropdown-toggle {	background-color: rgba(227,44,216,0.9) !important;	color: #EEE;
}
#topbar .dropdown-menu {	background-color: rgba(64,64,64,0.9);
}
#classes {	margin-top: 44rem;
}
#classes .class {	padding: 0;
}
#classes .class {	background-color: #FFF;	padding: 2rem;
}
#classes .class:first-child {	border-color: #DDD;	border-style: solid;	border-width: 1px 0 0 1px;	padding-right: 1rem;
}
#classes .class:nth-child(2) {	border-top: solid #DDD 1px;	padding: 2rem 1rem;
}
#classes .class:last-child {	border-color: #DDD;	border-style: solid;	border-width: 1px 1px 0 0;	padding-left: 1rem;
}
#classes .class .img-holder {	height: 150px;	overflow: hidden;	text-align: center;
}
#classes .class img {	min-height: 100%;	max-width: 100%;
}
#classes .class p:not(.info) {	color: #111;	font-size: 1.75rem;	font-weight: bold;	line-height: 5.5rem;	margin: 0;	text-align: center;	text-transform: uppercase;
}
#classes .class .info {	background-color: #EED;	padding: 2rem 1rem;
}
#classes #class-1 div {	background-color: #36C6A8;
}
#classes #class-2 div {	background-color: #999;
}
#classes #class-3 div {	background-color: #222;
}
#bio, #testimonials {	background-color: #FFF;	height: 300px;
}
#bio {	border-left: solid #DDD 1px;
}
#testimonials {	border-right: solid #DDD 1px;
}
#bio h1 {	color: #E32CD8;	line-height: 5rem;	margin: 0;
}
#testimonials h2 {	color: #777777;	font-size: 2rem;	line-height: 5rem;	margin: 0;
}
#testimonials p {	background-color: #EEE;	border-left: solid #DDD 5px;	padding: 1rem 2rem;
}
#testimonials small {	color: #666;	font-size: 1.3rem;	margin-left: 2rem;
}
#services {	background-color: #FFF;	border-color: #DDD;	border-style: solid;	border-width: 0 1px 1px 1px;	padding: 3.5rem 2rem;
}
#services .service {	padding: 1rem;
}
#services .service div:not(.tag) {	box-shadow: 0 0 1px #777777;	height: 12rem;	overflow: hidden;
}
#services .service img {	min-height: 11rem;	width: 100%;
}
#services .service .tag {	height: auto;	line-height: 3rem;	padding-right: 0.5rem;	position: absolute;	top: 8rem;
}
#services #service-1 div {	border: solid #E32CD8 0.5rem;
}
#services #service-1 .tag {	background-color: #E32CD8;
}
#services #service-2 div {	border: solid #36C6A8 0.5rem;
}
#services #service-2 .tag {	background-color: #36C6A8;
}
#services #service-3 div {	border: solid #FFFFFF 0.5rem;
}
#services #service-3 .tag {	background-color: #FFFFFF;
}
#services #service-4 div {	border: solid #EEEEEE 0.5rem
}
#services #service-4 .tag {	background-color: #EEEEEE;
}
#footer {	background-color: #DDDDDD;	box-shadow: -1px 0 2px #777777;	color: #777777;	margin-top: 3rem;	padding: 2rem;
}
#footer div .col-xs-12 {	padding: 0;
}
#footer h3 {	color: #444444;	font-size: 2rem;
}
#footer ul {	list-style-type: none;	padding: 0;
}
#footer li {	padding: 0.15rem 0;
}
#created-by {	background-color: #444444;	color: #DDDDDD;	font-size: 1.5rem;	padding: 2rem;	text-align: right;
}
#created-by a {	color: #EEEEEE;
}
Ashley Fitness - Script Codes
Ashley Fitness - Script Codes
Home Page Home
Developer Thomas Hare
Username tommyhare
Uploaded November 17, 2022
Rating 3
Size 4,468 Kb
Views 18,216
Do you need developer help for Ashley Fitness?

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!

Thomas Hare (tommyhare) Script Codes
Name
Table Classes
Slate v2
Responsive Sidebar
Bootstrap V4 tabs
Bootstrap Form Fun
Stock Card
Swipe View
Simple Passwords
Material UI
Space Ashley
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!