fuckyourday/SBS/about.html

195 lines
9.3 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 active">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<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 -->
<!-- about -->
<div class="about">
<div class="container-fluid">
<div class="row d_flex">
<div class="col-md-6">
<div class="titlepage text_align_left">
<h2>About <br>Skating <br> school</h2>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alterationThere are many variatioThere are many variations of passages of Lorem Ipsum available, but the majority have suffered alterationThere are many variationsns
</p>
<div class="link_btn">
<a class="read_more" href="about.html">Read More</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="about_img text_align_center">
<figure><img src="images/about.png" alt="#"/></figure>
</div>
</div>
</div>
</div>
</div>
<!-- end about -->
<!-- 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>