base line done
This commit is contained in:
Leo 2024-01-02 19:41:30 +08:00
parent 8d52dc9cfb
commit 221a7334e6
5 changed files with 41 additions and 313 deletions

View File

@ -1,299 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>N & LW Lawn Care - Landscaping Bootstrap4 HTML5 Responsive Template </title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Fontawesome CSS -->
<link href="css/all.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- Navigation -->
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-light top-nav fixed-top">
<div class="container">
<a class="navbar-brand" href="index.html">
<img src="images/logo.png" alt="logo" />
</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="fas fa-bars"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="services.html">Services</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownPortfolio" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Portfolio
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownPortfolio">
<a class="dropdown-item" href="portfolio-1-col.html">1 Column Portfolio</a>
<a class="dropdown-item" href="portfolio-2-col.html">2 Column Portfolio</a>
<a class="dropdown-item" href="portfolio-3-col.html">3 Column Portfolio</a>
<a class="dropdown-item" href="portfolio-4-col.html">4 Column Portfolio</a>
<a class="dropdown-item" href="portfolio-item.html">Single Portfolio Item</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownBlog" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Blog
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownBlog">
<a class="dropdown-item" href="blog-home-1.html">Blog Home 1</a>
<a class="dropdown-item" href="blog-home-2.html">Blog Home 2</a>
<a class="dropdown-item" href="blog-post.html">Blog Post</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownBlog" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Pages
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownBlog">
<a class="dropdown-item" href="faq.html">FAQ</a>
<a class="dropdown-item" href="404.html">404</a>
<a class="dropdown-item" href="pricing.html">Pricing Table</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- full Title -->
<div class="full-title">
<div class="container">
<!-- Page Heading/Breadcrumbs -->
<h1 class="mt-4 mb-3">About
<small>Subheading</small>
</h1>
</div>
</div>
<!-- Page Content -->
<div class="container">
<div class="breadcrumb-main">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="index.html">Home</a>
</li>
<li class="breadcrumb-item active">About</li>
</ol>
</div>
<!-- About Content -->
<div class="about-main">
<div class="row">
<div class="col-lg-6">
<img class="img-fluid rounded mb-4" src="images/about-img.jpg" alt="" />
</div>
<div class="col-lg-6">
<h2>About Modern Business</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed voluptate nihil eum consectetur similique? Consectetur, quod, incidunt, harum nisi dolores delectus reprehenderit voluptatem perferendis dicta dolorem non blanditiis ex fugiat.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe, magni, aperiam vitae illum voluptatum aut sequi impedit non velit ab ea pariatur sint quidem corporis eveniet. Odit, temporibus reprehenderit dolorum!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, consequuntur, modi mollitia corporis ipsa voluptate corrupti eum ratione ex ea praesentium quibusdam? Aut, in eum facere corrupti necessitatibus perspiciatis quis?</p>
</div>
</div>
<!-- /.row -->
</div>
<!-- Team Members -->
<div class="team-members-box">
<h2>Our Team</h2>
<div class="row">
<div class="col-lg-4 mb-4">
<div class="card h-100 text-center">
<img class="card-img-top" src="images/team_01.jpg" alt="" />
<div class="card-body">
<h4 class="card-title">Team Member</h4>
<h6 class="card-subtitle mb-2 text-muted">Position</h6>
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus aut mollitia eum ipsum fugiat odio officiis odit.</p>
</div>
<div class="card-footer">
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="card h-100 text-center">
<img class="card-img-top" src="images/team_02.jpg" alt="" />
<div class="card-body">
<h4 class="card-title">Team Member</h4>
<h6 class="card-subtitle mb-2 text-muted">Position</h6>
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus aut mollitia eum ipsum fugiat odio officiis odit.</p>
</div>
<div class="card-footer">
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="card h-100 text-center">
<img class="card-img-top" src="images/team_03.jpg" alt="" />
<div class="card-body">
<h4 class="card-title">Team Member</h4>
<h6 class="card-subtitle mb-2 text-muted">Position</h6>
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus aut mollitia eum ipsum fugiat odio officiis odit.</p>
</div>
<div class="card-footer">
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- Our Customers -->
<div class="customers-box">
<h2>Our Customers</h2>
<div class="row">
<div class="col-lg-2 col-sm-4 mb-4">
<img class="img-fluid" src="images/logo_01.png" alt="" />
</div>
<div class="col-lg-2 col-sm-4 mb-4">
<img class="img-fluid" src="images/logo_02.png" alt="" />
</div>
<div class="col-lg-2 col-sm-4 mb-4">
<img class="img-fluid" src="images/logo_03.png" alt="" />
</div>
<div class="col-lg-2 col-sm-4 mb-4">
<img class="img-fluid" src="images/logo_04.png" alt="" />
</div>
<div class="col-lg-2 col-sm-4 mb-4">
<img class="img-fluid" src="images/logo_05.png" alt="" />
</div>
<div class="col-lg-2 col-sm-4 mb-4">
<img class="img-fluid" src="images/logo_06.png" alt="" />
</div>
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</div>
<!--footer starts from here-->
<footer class="footer">
<div class="container bottom_border">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-6 col">
<h5 class="headin5_amrc col_white_amrc pt2">Find us</h5>
<!--headin5_amrc-->
<p class="mb10">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
<p><i class="fa fa-location-arrow"></i> 9878/25 sec 9 rohini 35 </p>
<p><i class="fa fa-phone"></i> +91-9999878398 </p>
<p><i class="fa fa fa-envelope"></i> info@example.com </p>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col">
<h5 class="headin5_amrc col_white_amrc pt2">Follow us</h5>
<!--headin5_amrc ends here-->
<ul class="footer_ul2_amrc">
<li>
<a href="#"><i class="fab fa-twitter fleft padding-right"></i> </a>
<p>Lorem Ipsum is simply dummy printing...<a href="#">https://www.lipsum.com/</a></p>
</li>
<li>
<a href="#"><i class="fab fa-twitter fleft padding-right"></i> </a>
<p>Lorem Ipsum is simply dummy printing...<a href="#">https://www.lipsum.com/</a></p>
</li>
<li>
<a href="#"><i class="fab fa-twitter fleft padding-right"></i> </a>
<p>Lorem Ipsum is simply dummy printing...<a href="#">https://www.lipsum.com/</a></p>
</li>
</ul>
<!--footer_ul2_amrc ends here-->
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<h5 class="headin5_amrc col_white_amrc pt2">Quick links</h5>
<!--headin5_amrc-->
<ul class="footer_ul_amrc">
<li><a href="#">Default Version</a></li>
<li><a href="#">Boxed Version</a></li>
<li><a href="#">Our Team </a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Our Services</a></li>
<li><a href="#">Get In Touch</a></li>
</ul>
<!--footer_ul_amrc ends here-->
</div>
<div class="col-lg-3 col-md-6 col-sm-6 ">
<h5 class="headin5_amrc col_white_amrc pt2">Recent posts</h5>
<!--headin5_amrc-->
<ul class="footer_ul_amrc">
<li class="media">
<div class="media-left">
<img class="img-fluid" src="images/post-img-01.jpg" alt="" />
</div>
<div class="media-body">
<p>How to find best dog food?</p>
<span>22 Sep 2018</span>
</div>
</li>
<li class="media">
<div class="media-left">
<img class="img-fluid" src="images/post-img-02.jpg" alt="" />
</div>
<div class="media-body">
<p>How to find best dog food?</p>
<span>34 Sep 2018</span>
</div>
</li>
<li class="media">
<div class="media-left">
<img class="img-fluid" src="images/post-img-03.jpg" alt="" />
</div>
<div class="media-body">
<p>How to find best dog food?</p>
<span>30 Sep 2018</span>
</div>
</li>
</ul>
<!--footer_ul_amrc ends here-->
</div>
</div>
</div>
<div class="container">
<div class="footer-logo">
<a href="#"><img src="images/footer-logo.png" alt="" /></a>
</div>
<!--foote_bottom_ul_amrc ends here-->
<p class="copyright text-center">All Rights Reserved. &copy; 2018 <a href="#">N & LW Lawn Care</a> Design By :
<a href="https://html.design/">html design</a>
</p>
<ul class="social_footer_ul">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-linkedin"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
<!--social_footer_ul ends here-->
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html>

View File

@ -576,7 +576,8 @@ footer p {
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
} }
.error-contents{}
.pricing-box{ .pricing-box{
padding: 30px 0px; padding: 30px 0px;
} }

View File

Before

Width:  |  Height:  |  Size: 51 KiB

After

Width:  |  Height:  |  Size: 51 KiB

View File

@ -91,7 +91,7 @@
<!-- Page Content --> <!-- Page Content -->
<div class="container"> <div class="container">
<div class="services-bar"> <div class="services-bar">
<h1 class="my-4">Our Best Services </h1> <h1 class="my-4">Services </h1>
<!-- Services Section --> <!-- Services Section -->
<div class="row"> <div class="row">
<div class="col-lg-4 mb-4"> <div class="col-lg-4 mb-4">

View File

@ -66,32 +66,57 @@
<li class="breadcrumb-item active">News</li> <li class="breadcrumb-item active">News</li>
</ol> </ol>
</div> </div>
</div>
<div class="container">
<div class="row"> <div class="row">
<div class="col-md-8 blog-entries"> <div class="col-md-8 blog-entries">
<div class="card mb-4"> <div class="card mb-4">
<img class="card-img-top" src="images/news1.jpg" alt="Card image Blog" width="750" height="300" /> <img class="card-img-top" src="images/newspic.jpg" alt="Card image Blog" />
<div class="card-body"> <div class="card-body">
<h2 class="card-title">Singapore's air quality hits unhealthy range, 'slightly hazy' conditions <h2 class="card-title">Singapore's air quality hits unhealthy range, 'slightly hazy' conditions forecast for Saturday</h2>
forecast for Saturday</h2> <p class="card-text">he National Environment Agency said there has been a "significant increase" in the number of hotspots in Sumatra.</p>
<p class="card-text">The National Environment Agency said there has been a "significant <a href="https://www.channelnewsasia.com/singapore/haze-psi-unhealthy-range-daily-advisory-pm-2-5-indonesia-hotspot-fires-nea-3827106" class="btn btn-primary">Read More &rarr;</a>
increase" in the number of hotspots in Sumatra.</p>
<a href="https://www.channelnewsasia.com/singapore/haze-psi-unhealthy-range-daily-advisory-pm-2-5-indonesia-hotspot-fires-nea-3827106"
class="btn btn-primary">Read More &rarr;</a>
</div> </div>
<div class="card-footer text-muted"> <div class="card-footer text-muted">
Posted on October 7, 2023 by Posted on October 6, 2023 by
<a href="https://www.channelnewsasia.com/">CNA</a>
</div>
</div>
<div class="card mb-4">
<img class="card-img-top" src="images/newspic.jpg" alt="Card image Blog">
<div class="card-body">
<h2 class="card-title">Singapore Government Agencies Stand Ready To Mitigate Impact Of Haze</h2>
<p class="card-text">As of 29 September 2023, 3pm, the 24-hr Pollutant Standards Index (PSI) is 81 (Moderate range) in the East region of Singapore. Accordingly, the 28 public agencies that make up the Governments Haze Task Force (HTF), are ready to roll out their respective haze action plans should the air quality deteriorate into the Unhealthy range (24-hour PSI above 100). </p>
<a href="https://www.nea.gov.sg/media/news/news/index/singapore-government-agencies-stand-ready-to-mitigate-impact-of-haze" class="btn btn-primary">Read More &rarr;</a>
</div>
<div class="card-footer text-muted">
Posted on September 29, 2023 by
<a href="https://www.nea.gov.sg/">NEA</a>
</div>
</div>
<div class="card mb-4">
<img class="card-img-top" src="images/newspic.jpg" alt="Card image Blog">
<div class="card-body">
<h2 class="card-title">High risk of severe transboundary haze in 2023, public advised to be prepared: Singapore institute</h2>
<p class="card-text">A latest report predicts a high risk of severe haze occurring in Southeast Asia, though not as severe as in 2015</p>
<a href="https://www.channelnewsasia.com/singapore/high-risk-severe-transboundary-haze-2023-public-advised-be-prepared-singapore-institute-3579081" class="btn btn-primary">Read More &rarr;</a>
</div>
<div class="card-footer text-muted">
Posted on June 22, 2023 by
<a href="https://www.channelnewsasia.com/">CNA</a> <a href="https://www.channelnewsasia.com/">CNA</a>
</div> </div>
</div> </div>
<div class="pagination_bar_arrow"> <div class="pagination_bar_arrow">
<!-- Pagination -->
<ul class="pagination justify-content-center mb-4"> <ul class="pagination justify-content-center mb-4">
<li class="page-item"> <li class="page-item">
<a class="page-link" href="#">&larr; Older</a> <a class="page-link" href="#">&larr; Older</a>
</li> </li>
<li class="page-item disabled"> <li class="page-item">
<a class="page-link" href="#">Newer &rarr;</a> <a class="page-link" href="#">Newer &rarr;</a>
</li> </li>
</ul> </ul>
@ -99,10 +124,9 @@
</div> </div>
<!-- Sidebar Widgets Column --> <!-- Sidebar Widgets Column -->
<div class="col-md-4 blog-right-side"> <div class="col-md-4 blog-right-side">
<!-- Search Widget -->
<div class="card mb-4"> <div class="card mb-4">
<h5 class="card-header">Search</h5> <h5 class="card-header">Search</h5>
<div class="card-body"> <div class="card-body">
@ -117,6 +141,8 @@
</div> </div>
</div> </div>
</div> </div>
<!--footer starts from here--> <!--footer starts from here-->
<footer class="footer"> <footer class="footer">
<div class="container bottom_border"> <div class="container bottom_border">