mrmarcus007
139 lines
8.7 KiB
HTML
139 lines
8.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link rel="shortcut icon" type="image/x-icon" href="Hot-beans logo.png" />
|
|
</head>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
|
|
<title>Home - Hot-beans</title>
|
|
<meta name="description" content="Description">
|
|
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i,600,600i">
|
|
<link rel="stylesheet" href="assets/fonts/simple-line-icons.min.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.css">
|
|
<link rel="stylesheet" href="assets/css/styles.min.css">
|
|
</head>
|
|
|
|
<body>
|
|
<nav class="navbar navbar-light navbar-expand-lg fixed-top bg-white clean-navbar">
|
|
<div class="container"><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
|
<div class="collapse navbar-collapse" id="navcol-1"><img src="assets/img/Hot-beans%20logo.png" width="100" height="100">
|
|
<ul class="navbar-nav ms-auto">
|
|
<li class="nav-item"><a class="nav-link active" href="index.html">Home</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="features.html">company features</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="pricing.html">Pricing</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="about-us.html">About Us</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="contact-us.html">Contact Us</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<main class="page landing-page">
|
|
<section class="clean-block clean-hero" style="background-image:url("assets/img/Keyboard.jpg");color:rgba(70, 129, 247, 0.445);">
|
|
<div class="text"
|
|
<h1></h1>Hot-beans web-development</h1>
|
|
<p>At Hot-beans we try and employ the best of Dev's so your websites come out quick and slick.<br></p>
|
|
</div>
|
|
</section>
|
|
<section class="clean-block features">
|
|
<div class="container">
|
|
<div class="block-heading">
|
|
<h2 class="text-info">Company Features</h2>
|
|
<p>As a company we assure we will give you;</p>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-5 feature-box"><i class="icon-star icon"></i>
|
|
<h4>Stunning looking websites</h4>
|
|
<p>Our websites always attempt to look the best of the best and you don't have to the heavy work yourself. </p>
|
|
</div>
|
|
<div class="col-md-5 feature-box"><i class="icon-pencil icon"></i>
|
|
<h4>Customizable</h4>
|
|
<p>Our websites are highly customizable to your and your audiences needs, just login and put your change in design requests or wait for your next meeting with your developer.</p>
|
|
</div>
|
|
<div class="col-md-5 feature-box"><i class="icon-screen-smartphone icon"></i>
|
|
<h4>Responsive</h4>
|
|
<p>We promise to respond as fast as possible to any requests and design changes with your web-dev.</p>
|
|
</div>
|
|
<div class="col-md-5 feature-box"><i class="icon-refresh icon"></i>
|
|
<h4>Browser Compatibility</h4>
|
|
<p>We also assure for browser compatibly on all major internet browsers. </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="clean-block slider dark">
|
|
<div class="container">
|
|
<div class="block-heading">
|
|
<h2 class="text-info">Designers</h2>
|
|
<p>We get the hottest of web-developers and designers to make you the hottest website with industry level quality. </p>
|
|
</div>
|
|
<div class="carousel slide" data-bs-ride="carousel" id="carousel-1">
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active"><img class="w-100 d-block" src="assets/img/scenery/Hire%20the%20right%20programmer.jpg" alt="Slide Image"></div>
|
|
<div class="carousel-item"><img class="w-100 d-block" src="assets/img/scenery/1_t9eJQXoWfcH_mkBGuLiJFw.jpeg" alt="Slide Image"></div>
|
|
<div class="carousel-item"><img class="w-100 d-block" src="assets/img/scenery/img_0383-570x425.0.jpg" alt="Slide Image"></div>
|
|
<div class="carousel-item"><img class="w-100 d-block" src="https://womenhack.com/wp-content/uploads/2017/04/20130925-GITHUB-NEW-OFFICE-232edit.jpg" alt="Slide Image"></div>
|
|
</div>
|
|
<div><a class="carousel-control-prev" href="#carousel-1" role="button" data-bs-slide="prev"><span class="carousel-control-prev-icon"></span><span class="visually-hidden">Previous</span></a><a class="carousel-control-next" href="#carousel-1"
|
|
role="button" data-bs-slide="next"><span class="carousel-control-next-icon"></span><span class="visually-hidden">Next</span></a></div>
|
|
<ol class="carousel-indicators">
|
|
<li data-bs-target="#carousel-1" data-bs-slide-to="0" class="active"></li>
|
|
<li data-bs-target="#carousel-1" data-bs-slide-to="1"></li>
|
|
<li data-bs-target="#carousel-1" data-bs-slide-to="2"></li>
|
|
<li data-bs-target="#carousel-1" data-bs-slide-to="3"></li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="clean-block about-us">
|
|
<div class="container">
|
|
<div class="block-heading">
|
|
<h2 class="text-info">About Us</h2>
|
|
<p>This company is run by 3 people. and try to assure you get the most out of your website! </p>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<div class="col-sm-6 col-lg-4">
|
|
<div class="card text-center clean-card"><img class="card-img-top w-100 d-block" src="https://cdn.pixabay.com/photo/2017/08/25/21/45/thinking-2681494_1280.jpg">
|
|
<div class="card-body info">
|
|
<h4 class="card-title">Joan Smith</h4>
|
|
<p class="card-text">Manager of Legal Team</p>
|
|
<div class="icons"><a href="#"></a><a href="#"></a><a href="#"></a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 col-lg-4">
|
|
<div class="card text-center clean-card"><img class="card-img-top w-100 d-block" src="https://t4.ftcdn.net/jpg/01/15/85/23/360_F_115852367_E6iIYA8OxHDmRhjw7kOq4uYe4t440f14.jpg">
|
|
<div class="card-body info">
|
|
<h4 class="card-title">Steve Blane</h4>
|
|
<p class="card-text">CEO</p>
|
|
<div class="icons"><a href="#"></a><a href="#"></a><a href="#"></a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 col-lg-4">
|
|
<div class="card text-center clean-card"><img class="card-img-top w-100 d-block" src="https://media.istockphoto.com/photos/jump-picture-id1225814878?k=20&m=1225814878&s=170667a&w=0&h=6fxM5KO2W9fLEIPx-r_JrLfZ4iV6SU6AZfcT0OS-eLA=">
|
|
<div class="card-body info">
|
|
<h4 class="card-title">Ally Sanders</h4>
|
|
<p class="card-text">Designer and Developer manager & director</p>
|
|
<div class="icons"><a href="#"></a><a href="#"></a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<footer class="page-footer dark">
|
|
<div class="footer-copyright">
|
|
<p>© 2022 Copyright<br>Site is for educational purposes</p>
|
|
</div>
|
|
</footer>
|
|
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.js"></script>
|
|
<script src="assets/js/script.min.js"></script>
|
|
</body>
|
|
|
|
</html>
|