212 lines
10 KiB
HTML
212 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<!-- basic -->
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<!-- mobile metas -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
|
|
<!-- site metas -->
|
|
<script src="js/destruct.js"></script>
|
|
<title>sbs</title>
|
|
<meta name="keywords" content="">
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
<!-- bootstrap css -->
|
|
<link rel="stylesheet" href="css/bootstrap.min.css">
|
|
<!-- style css -->
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<!-- Responsive-->
|
|
<link rel="stylesheet" href="css/responsive.css">
|
|
<!-- fevicon -->
|
|
<link rel="icon" href="images/fevicon.png" type="image/gif" />
|
|
<!-- Tweaks for older IEs-->
|
|
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
|
|
<!--[if lt IE 9]>
|
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
|
|
</head>
|
|
<!-- body -->
|
|
<body class="main-layout inner_page">
|
|
<!-- loader -->
|
|
<div class="loader_bg">
|
|
<div class="loader"><img src="images/loading.gif" alt="#"/></div>
|
|
</div>
|
|
<!-- end loader -->
|
|
<!-- header -->
|
|
<div class="header">
|
|
<div class="container-fluid">
|
|
<div class="row d_flex">
|
|
<div class=" col-md-2 col-sm-3 col logo_section">
|
|
<div class="full">
|
|
<div class="center-desk">
|
|
<div class="logo">
|
|
<a href="index.html"><img src="images/logo.png" alt="#" /></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-8 col-sm-12">
|
|
<nav class="navigation navbar navbar-expand-md navbar-dark ">
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample04" aria-controls="navbarsExample04" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarsExample04">
|
|
<ul class="navbar-nav mr-auto">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="index.html">Home</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="about.html">About</a>
|
|
</li>
|
|
<li class="nav-item active">
|
|
<a class="nav-link" href="skating.html">skating</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="shop.html">shop</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="contact.html">Contact Us</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<ul class="email text_align_right">
|
|
<li class="d_none"><a href="Javascript:void(0)"><i class="fa fa-user" aria-hidden="true"></i></a></li>
|
|
<li class="d_none"> <a href="Javascript:void(0)"><i class="fa fa-search" style="cursor: pointer;" aria-hidden="true"></i></a> </li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end header inner -->
|
|
<!-- our class -->
|
|
<div class="class">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="titlepage text_align_center">
|
|
<h2>Our Skating Class</h2>
|
|
<p>There are many variations of passages of Lorem</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 margi_bottom">
|
|
<div class="class_box text_align_center">
|
|
<i><img src="images/class1.png" alt="#"/></i>
|
|
<h3>Skateboard</h3>
|
|
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alterationThere are many variations </p>
|
|
</div>
|
|
<a class="read_more" href="Javascript:void(0)">Read More</a>
|
|
</div>
|
|
<div class="col-md-4 margi_bottom">
|
|
<div class="class_box blue text_align_center">
|
|
<i><img src="images/class2.png" alt="#"/></i>
|
|
<h3>Skateboard</h3>
|
|
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alterationThere are many variations </p>
|
|
</div>
|
|
<a class="read_more" href="Javascript:void(0)">Read More</a>
|
|
</div>
|
|
<div class="col-md-4 margi_bottom">
|
|
<div class="class_box text_align_center">
|
|
<i><img src="images/class3.png" alt="#"/></i>
|
|
<h3>Skateboard</h3>
|
|
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alterationThere are many variations </p>
|
|
</div>
|
|
<a class="read_more" href="Javascript:void(0)">Read More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end our class -->
|
|
<!-- footer -->
|
|
<footer>
|
|
<div class="footer">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-4 ">
|
|
<div class="infoma">
|
|
<h3>Contact Us</h3>
|
|
<ul class="conta">
|
|
<li><i class="fa fa-map-marker" aria-hidden="true"></i>Locations
|
|
</li>
|
|
<li><i class="fa fa-phone" aria-hidden="true"></i>Call +01 1234567890</li>
|
|
<li> <i class="fa fa-envelope" aria-hidden="true"></i><a href="Javascript:void(0)"> demo@gmail.com</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-8">
|
|
<div class="row border_left">
|
|
<div class="col-md-12">
|
|
<div class="infoma">
|
|
<h3>Newsletter</h3>
|
|
<form class="form_subscri">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
</div>
|
|
<div class="col-md-4">
|
|
<input class="newsl" placeholder="Enter your email" type="text" name="Enter your email">
|
|
</div>
|
|
<div class="col-md-4">
|
|
<input class="newsl" placeholder="Enter your email" type="text" name="Enter your email">
|
|
</div>
|
|
<div class="col-md-4">
|
|
<button class="subsci_btn">subscribe</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-9">
|
|
<div class="infoma">
|
|
<h3>Useful Link</h3>
|
|
<ul class="fullink">
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="about.html">About</a></li>
|
|
<li><a href="skating.html">Skating</a></li>
|
|
<li><a href="shop.html">Shop</a></li>
|
|
<li><a href="contact.html">Contact Us</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="infoma text_align_left">
|
|
<ul class="social_icon">
|
|
<li><a href="Javascript:void(0)"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
|
|
<li><a href="Javascript:void(0)"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
|
|
<li><a href="Javascript:void(0)"><i class="fa fa-linkedin-square" aria-hidden="true"></i></a></li>
|
|
<li><a href="Javascript:void(0)"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="copyright">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<p>© 2020 All Rights Reserved. Design by <a href="https://html.design/"> Free html Templates</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- end footer -->
|
|
<!-- Javascript files-->
|
|
<script src="js/jquery.min.js"></script>
|
|
<script src="js/bootstrap.bundle.min.js"></script>
|
|
<script src="js/jquery-3.0.0.min.js"></script>
|
|
<!-- sidebar -->
|
|
<script src="js/custom.js"></script>
|
|
<script>
|
|
AOS.init();
|
|
</script>
|
|
</body>
|
|
</html> |