My File

<!
DOCTYPE html>




<html lang="en">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-
scale=1">
<meta name="description" content="">
<meta name="author" content="">

<title>My Static Website</title>


<link
href="https://stackpath.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"
rel="stylesheet" />

<link rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
crossorigin="anonymous">

<link href="style.css" rel="stylesheet" />

<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel='stylesheet'
type='text/css'>


</head>
<body>

<div class="container" id="home">
<div class="row text-center">
<div class="col-md-12">
<h1 class="head-main"> <i class="fab fa-aws fa-2x"></i> Static
Website</h1>
<h2 class="head-sub-main"> Created by Srilekha </h2>
</div>
</div>
</div>



<nav class="navbar-inverse" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="http://aws.amazon.com/partners/">APN
Network </a>
</div>

<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<li><a href="#home"><i class="fas fa-home"></i></a>
</li>
<li><a href="#about">About</a>
</li>
<li><a href="#work-sec">Transformation</a>
</li>
<li><a href="#contact-sec">Contact</a>
</li>
<li><a href="#map-sec">Location</a>
</li>
</ul>
</div>

</div>

</nav>


<section class="color-white " id="about">
<div class="col-md-8 col-md-offset-2 ">
<h2 style="padding-top:50px;">About Us</h2>
<h4>
<strong>
Lorem ipsum dolor sit amet, consectetur adipiscing
elit.
Curabitur nec nisl odio. Mauris vehicula at nunc id
posuere.
</strong>
</h4>
</div>
</div>
</div>
</section>
<section class=" color-light">

<h2> Our exclusive services</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
posuere.
posuere.
posuere.
posuere.
posuere.
posuere.
posuere.
posuere.
</p>
</div>
</div>
</div>
</section>



<section class="color-white " id="work-sec">
<h2>Transformation</h2>
<h4>
<strong>
elit.
posuere.
</strong>
</h4>
</div>
</div>
<div class="row text-center g-pad-bottom">

<div class="work-div">
<i class="fas fa-box-open fa-5x"></i>
<h3>Package </h3>
</div>
</div>
<div class="col-md-4 ">

<i class="fas fa-arrows-alt-h fa-5x"></i>
</div>
</div>
<div class="col-md-4 ">
<i class="fas fa-cloud fa-5x"></i>
<h3>The Cloud</h3>
</div>
</div>
</div>
</div>
</section>


<section class="color-light " id="contact-sec">
<h2>Locate Us here</h2>
<h4>
<strong>
elit.
posuere.
</strong>
</h4>
</div>
</div>
<div class="row">
<div class="col-md-5 contact-cls">
<h3>Our Address</h3>
<div>
<span><i class="fa fa-home"> </i> Address: 123/56, Your
City, USA </span>
<br />
<span><i class="fa fa-phone"> </i> Phone: 82-230-555-
8899</span>
</div>
</div>
<br />
<div id="social-icon">
<a href="#"><i class="fab fa-facebook fa-2x"></i></a>
<a href="#"><i class="fab fa-twitter fa-2x"></i></a>
<a href="#"><i class="fab fa-linkedin fa-2x"></i></a>
<a href="#"><i class="fab fa-google-plus fa-2x"></i></a>
<a href="#"><i class="fab fa-pinterest fa-2x"></i></a>
</div>
</div>
</div>
</div>
</section>



<section class="color-light " id="map-sec">
<iframe class="cnt" src="https://www.google.com/maps/embed?pb=!1m18!1m12!
1m3!1d2999841.293321206!2d-75.80920404999999!3d42.75594204999997!2m3!1f0!2f0!3f0!
3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4ccc4bf0f123a5a9%3A0xddcfc6c1de189567!
2sNew+York!5e0!3m2!1sen!2s!4v1395313088825"></iframe>
</section>


<div class="for-full-back " id="footer">
CSS Template from <a
href="https://www.free-css.com/free-css-templates/page203/image-less">Free CSS</a>
</div>



<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>

<script
src="https://stackpath.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></
script>

<script src="script.js"></script>
<script defer
src="https://static.cloudflareinsights.com/beacon.min.js/v84a3a4012de94ce1a686ba8c1
67c359c1696973893317" integrity="sha512-
euoFGowhlaLqXsPWQ48qSkBSCFs3DPRyiwVu3FjR96cMPx+Fr+gpWRhIafcHwqwCqWS42RZhIudOvEI+Ckf
6MA==" data-cf-
beacon='{"rayId":"85ae5d603cab2e9d","version":"2024.2.1","token":"a73834a4a1444e9ab
89e8da06da41720"}' crossorigin="anonymous"></script>
</body>
</html>

My File

Uploaded by

Copyright:

Available Formats

My File

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

My File

Uploaded by

Copyright:

Available Formats

<!

<section class=" color-light">

<div class="row text-center g-pad-bottom">

<div class="col-md-4 ">

You might also like