Skip to content

Commit

Permalink
Chosen Template for website
Browse files Browse the repository at this point in the history
  • Loading branch information
@aar01
aar01 committed Nov 14, 2023
0 parents commit 42969df
Show file tree
Hide file tree
Showing 37 changed files with 18,737 additions and 0 deletions.
243 changes: 243 additions & 0 deletions website-template-for-anuyog/about.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,243 @@
<!DOCTYPE html>
<html>

<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, shrink-to-fit=no" />
<!-- Site Metas -->
<link rel="icon" href="images/fevicon.png" type="image/gif" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />

<title>Hostit</title>


<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />

<!-- fonts style -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">

<!-- font awesome style -->
<link href="css/font-awesome.min.css" rel="stylesheet" />

<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet" />
<!-- responsive style -->
<link href="css/responsive.css" rel="stylesheet" />

</head>

<body class="sub_page">

<div class="hero_area">
<!-- header section strats -->
<header class="header_section">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg custom_nav-container ">
<a class="navbar-brand" href="index.html">
<span>Hostit</span>
</a>

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class=""> </span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item ">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></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="service.html">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="price.html">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
</ul>
<div class="quote_btn-container">
<form class="form-inline">
<button class="btn nav_search-btn" type="submit">
<i class="fa fa-search" aria-hidden="true"></i>
</button>
</form>
<a href="">
<i class="fa fa-phone" aria-hidden="true"></i>
<span>
Call : +01 123455678990
</span>
</a>
</div>
</div>
</nav>
</div>
</header>
<!-- end header section -->
</div>

<!-- about section -->

<section class="about_section layout_padding">
<div class="container ">
<div class="row">
<div class="col-md-6">
<div class="detail-box">
<div class="heading_container">
<h2>
About Us
</h2>
</div>
<p>
Words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks </p>
<a href="">
Read More
</a>
</div>
</div>
<div class="col-md-6 ">
<div class="img-box">
<img src="images/about-img.png" alt="">
</div>
</div>

</div>
</div>
</section>

<!-- end about section -->

<!-- info section -->

<section class="info_section layout_padding2">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="info_contact">
<h4>
Address
</h4>
<div class="contact_link_box">
<a href="">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>
Location
</span>
</a>
<a href="">
<i class="fa fa-phone" aria-hidden="true"></i>
<span>
Call +01 1234567890
</span>
</a>
<a href="">
<i class="fa fa-envelope" aria-hidden="true"></i>
<span>
[email protected]
</span>
</a>
</div>
</div>
<div class="info_social">
<a href="">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-linkedin" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="col-md-3">
<div class="info_link_box">
<h4>
Links
</h4>
<div class="info_links">
<a class="" href="index.html">
<img src="images/nav-bullet.png" alt="">
Home
</a>
<a class="active" href="about.html">
<img src="images/nav-bullet.png" alt="">
About
</a>
<a class="" href="service.html">
<img src="images/nav-bullet.png" alt="">
Services
</a>
<a class="" href="price.html">
<img src="images/nav-bullet.png" alt="">
Pricing
</a>
<a class="" href="contact.html">
<img src="images/nav-bullet.png" alt="">
Contact Us
</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="info_detail">
<h4>
Info
</h4>
<p>
necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful
</p>
</div>
</div>
<div class="col-md-3 mb-0">
<h4>
Subscribe
</h4>
<form action="#">
<input type="text" placeholder="Enter email" />
<button type="submit">
Subscribe
</button>
</form>
</div>
</div>
</div>
</section>

<!-- end info section -->


<!-- footer section -->
<footer class="footer_section">
<div class="container">
<p>
&copy; <span id="displayYear"></span> All Rights Reserved By
<a href="https://html.design/">Free Html Templates</a>
</p>
</div>
</footer>
<!-- footer section -->

<!-- jQery -->
<script src="js/jquery-3.4.1.min.js"></script>
<!-- bootstrap js -->
<script src="js/bootstrap.js"></script>
<!-- custom js -->
<script src="js/custom.js"></script>


</body>

</html>
Loading

0 comments on commit 42969df

Please sign in to comment.