Skip to content

Commit

Permalink
Create about.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@pappan-123
pappan-123 authored Oct 3, 2021
1 parent 67f3293 commit 2ade5f1
Showing 1 changed file with 206 additions and 0 deletions.
206 changes: 206 additions & 0 deletions about.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,206 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">

<title>Hello, world!</title>
</head>
<body>
<div class="container my-4">
<div class="row featurette d-flex justify-content-center align-items-center">
<div class="col-md-7">
<h2 class="featurette-heading">First featurette heading. <span class="text-muted">It’ll blow your mind.</span>
</h2>
<p class="lead">Some great placeholder content for the first featurette here. Imagine some exciting prose here.
</p>
</div>
<div class="col-md-5">
<img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500"
height="500" src="about-1.jpg">

<title>Placeholder</title>
<!-- <rect width="100%" height="100%" fill="#eee"></rect><text x="50%" y="50%" fill="#aaa"
dy=".3em">500x500</text> -->
</svg>

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

<div class="container my-4">
<div class="row featurette d-flex justify-content-center align-items-center">
<div class="col-md-7 order-md-2">
<h2 class="featurette-heading">First featurette heading. <span class="text-muted">It’ll blow your mind.</span>
</h2>
<p class="lead">Some great placeholder content for the first featurette here. Imagine some exciting prose here.
</p>
</div>
<div class="col-md-5 order-md-1">
<img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500"
height="500" src="about-2.jpg">
<title>Placeholder</title>
<!-- <rect width="100%" height="100%" fill="#eee"></rect><text x="50%" y="50%" fill="#aaa"
dy=".3em">500x500</text> -->
</svg>

</div>
</div>
</div>
<div class="container my-4">
<div class="row featurette d-flex justify-content-center align-items-center">
<div class="col-md-7">
<h2 class="featurette-heading">First featurette heading. <span class="text-muted">It’ll blow your mind.</span>
</h2>
<p class="lead">Some great placeholder content for the first featurette here. Imagine some exciting prose here.
</p>
</div>
<div class="col-md-5">
<img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500"
height="500" src="about-3.jpg">
<title>Placeholder</title>
<!-- <rect width="100%" height="100%" fill="#eee"></rect><text x="50%" y="50%" fill="#aaa"
dy=".3em">500x500</text> -->
</svg>

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

<div class="footer-clean">
<footer>
<div class="container">
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 item">
<h3>Services</h3>
<ul>
<li><a href="#">Web design</a></li>
<li><a href="#">Development</a></li>
<li><a href="#">Hosting</a></li>
</ul>
</div>
<div class="col-sm-4 col-md-3 item">
<h3>About</h3>
<ul>
<li><a href="#">Company</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Legacy</a></li>
</ul>
</div>
<div class="col-sm-4 col-md-3 item">
<h3>Careers</h3>
<ul>
<li><a href="#">Job openings</a></li>
<li><a href="#">Employee success</a></li>
<li><a href="#">Benefits</a></li>
</ul>
</div>
<!-- <div class="col-lg-3 item social"><a href="#"><i class="icon ion-social-facebook"></i></a><a href="#"><i class="icon ion-social-twitter"></i></a><a href="#"><i class="icon ion-social-snapchat"></i></a><a href="#"><i class="icon ion-social-instagram"></i></a>
<p class="copyright">Company Name © 2018</p>
</div> -->

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<!-- Add font awesome icons -->
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-twitter"></a>

<a href="#" class="fa fa-github"></a>
<a href="#" class="fa fa-linkedin"></a>
</div>
</div>
</footer>
</div>

<style>
.footer-clean {
padding:50px 0;
background-color:#fff;
color:#4b4c4d;
}

.footer-clean h3 {
margin-top:0;
margin-bottom:12px;
font-weight:bold;
font-size:16px;
}

.footer-clean ul {
padding:0;
list-style:none;
line-height:1.6;
font-size:14px;
margin-bottom:0;
}

.footer-clean ul a {
color:inherit;
text-decoration:none;
opacity:0.8;
}

.footer-clean ul a:hover {
opacity:1;
}

.footer-clean .item.social {
text-align:right;
}



.footer-clean .item.social > a {
font-size:24px;
width:40px;
height:40px;
line-height:40px;
display:inline-block;
text-align:center;
border-radius:50%;
border:1px solid #ccc;
margin-left:10px;
margin-top:22px;
color:inherit;
opacity:0.75;
}

.footer-clean .item.social > a:hover {
opacity:0.9;
}



.footer-clean .copyright {
margin-top:14px;
margin-bottom:0;
font-size:13px;
opacity:0.6;
}
.fa {
padding: 20px;
font-size: 30px;
width: 30px;
text-align: center;
text-decoration: none;
border-radius: 50%;
}
</style>


<!-- Optional JavaScript; choose one of the two! -->

<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script>

<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-W8fXfP3gkOKtndU4JGtKDvXbO53Wy8SZCQHczT5FMiiqmQfUpWbYdTil/SxwZgAN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-skAcpIdS7UcVUC05LJ9Dxay8AXcDYfBJqt1CJ85S/CFujBsIzCIv+l9liuYLaMQ/" crossorigin="anonymous"></script>
-->
</body>
</html>

0 comments on commit 2ade5f1

Please sign in to comment.