    <div class="row">
        <div class="col-12">
            <pre class="with-hljs"><code class="lang-html">&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;

&lt;head&gt;

    &lt;meta charset=&quot;utf-8&quot;&gt;
    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;
    &lt;meta name=&quot;description&quot; content=&quot;&quot;&gt;
    &lt;meta name=&quot;author&quot; content=&quot;&quot;&gt;

    &lt;title&gt;Sara Textiles&lt;/title&gt;

    &lt;!-- Bootstrap Core CSS --&gt;
    &lt;link href=&quot;css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot;&gt;

    &lt;!-- Custom CSS --&gt;
    &lt;link href=&quot;css/modern-business.css&quot; rel=&quot;stylesheet&quot;&gt;

    &lt;!-- Custom Fonts --&gt;
    &lt;link href=&quot;font-awesome/css/font-awesome.min.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;

    &lt;!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
    &lt;!-- WARNING: Respond.js doesn&#039;t work if you view the page via file:// --&gt;
    &lt;!--[if lt IE 9]&gt;
        &lt;script src=&quot;https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js&quot;&gt;&lt;/script&gt;
        &lt;script src=&quot;https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js&quot;&gt;&lt;/script&gt;
    &lt;![endif]--&gt;

&lt;/head&gt;

&lt;body&gt;

    &lt;!-- Navigation --&gt;
  &lt;!--  &lt;nav class=&quot;navbar navbar-inverse navbar-fixed-top&quot; role=&quot;navigation&quot;&gt;--&gt;
        &lt;div class=&quot;container&quot;&gt;
        &lt;div style=&quot;text-align:center; margin-bottom:20px; &quot;&gt;&lt;img src=&quot;images/logo.jpg&quot; /&gt;&lt;/div&gt;
            &lt;!-- Brand and toggle get grouped for better mobile display --&gt;
            &lt;!--&lt;div class=&quot;navbar-header&quot;&gt;
                &lt;button type=&quot;button&quot; class=&quot;navbar-toggle&quot; data-toggle=&quot;collapse&quot; data-target=&quot;#bs-example-navbar-collapse-1&quot;&gt;
                    &lt;span class=&quot;sr-only&quot;&gt;Toggle navigation&lt;/span&gt;
                    &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
                    &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
                    &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
                &lt;/button&gt;
                &lt;a class=&quot;navbar-brand&quot; href=&quot;index.html&quot;&gt;Start Bootstrap&lt;/a&gt;
            &lt;/div&gt;--&gt;
            &lt;!-- Collect the nav links, forms, and other content for toggling --&gt;
            &lt;!--&lt;div class=&quot;collapse navbar-collapse&quot; id=&quot;bs-example-navbar-collapse-1&quot;&gt;
                &lt;ul class=&quot;nav navbar-nav navbar-right&quot;&gt;
                    &lt;li&gt;
                        &lt;a href=&quot;about.html&quot;&gt;About&lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li&gt;
                        &lt;a href=&quot;services.html&quot;&gt;Services&lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li&gt;
                        &lt;a href=&quot;contact.html&quot;&gt;Contact&lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li class=&quot;dropdown&quot;&gt;
                        &lt;a href=&quot;#&quot; class=&quot;dropdown-toggle&quot; data-toggle=&quot;dropdown&quot;&gt;Portfolio &lt;b class=&quot;caret&quot;&gt;&lt;/b&gt;&lt;/a&gt;
                        &lt;ul class=&quot;dropdown-menu&quot;&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;portfolio-1-col.html&quot;&gt;1 Column Portfolio&lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;portfolio-2-col.html&quot;&gt;2 Column Portfolio&lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;portfolio-3-col.html&quot;&gt;3 Column Portfolio&lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;portfolio-4-col.html&quot;&gt;4 Column Portfolio&lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;portfolio-item.html&quot;&gt;Single Portfolio Item&lt;/a&gt;
                            &lt;/li&gt;
                        &lt;/ul&gt;
                    &lt;/li&gt;
                    &lt;li class=&quot;dropdown&quot;&gt;
                        &lt;a href=&quot;#&quot; class=&quot;dropdown-toggle&quot; data-toggle=&quot;dropdown&quot;&gt;Blog &lt;b class=&quot;caret&quot;&gt;&lt;/b&gt;&lt;/a&gt;
                        &lt;ul class=&quot;dropdown-menu&quot;&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;blog-home-1.html&quot;&gt;Blog Home 1&lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;blog-home-2.html&quot;&gt;Blog Home 2&lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;blog-post.html&quot;&gt;Blog Post&lt;/a&gt;
                            &lt;/li&gt;
                        &lt;/ul&gt;
                    &lt;/li&gt;
                    &lt;li class=&quot;dropdown&quot;&gt;
                        &lt;a href=&quot;#&quot; class=&quot;dropdown-toggle&quot; data-toggle=&quot;dropdown&quot;&gt;Other Pages &lt;b class=&quot;caret&quot;&gt;&lt;/b&gt;&lt;/a&gt;
                        &lt;ul class=&quot;dropdown-menu&quot;&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;full-width.html&quot;&gt;Full Width Page&lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;sidebar.html&quot;&gt;Sidebar Page&lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;faq.html&quot;&gt;FAQ&lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;404.html&quot;&gt;404&lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                                &lt;a href=&quot;pricing.html&quot;&gt;Pricing Table&lt;/a&gt;
                            &lt;/li&gt;
                        &lt;/ul&gt;
                    &lt;/li&gt;
                &lt;/ul&gt;
            &lt;/div&gt;--&gt;
            &lt;!-- /.navbar-collapse --&gt;
        &lt;/div&gt;
        &lt;!-- /.container --&gt;
   &lt;!-- &lt;/nav&gt;--&gt;

    &lt;!-- Header Carousel --&gt;
    &lt;header id=&quot;myCarousel&quot; class=&quot;carousel slide&quot;&gt;
        &lt;!-- Indicators --&gt;
        &lt;ol class=&quot;carousel-indicators&quot;&gt;
            &lt;li data-target=&quot;#myCarousel&quot; data-slide-to=&quot;0&quot; class=&quot;active&quot;&gt;&lt;/li&gt;
            &lt;li data-target=&quot;#myCarousel&quot; data-slide-to=&quot;1&quot;&gt;&lt;/li&gt;
            &lt;li data-target=&quot;#myCarousel&quot; data-slide-to=&quot;2&quot;&gt;&lt;/li&gt;
        &lt;/ol&gt;

        &lt;!-- Wrapper for slides --&gt;
        &lt;div class=&quot;carousel-inner&quot;&gt;
            &lt;div class=&quot;item active&quot;&gt;
                &lt;div class=&quot;fill&quot; style=&quot;background-image:url(images/P_MO4282.jpg);&quot;&gt;&lt;/div&gt;
                &lt;!--&lt;div class=&quot;carousel-caption&quot;&gt;
                    &lt;h2&gt;Caption 1&lt;/h2&gt;
                &lt;/div&gt;--&gt;
            &lt;/div&gt;
            &lt;div class=&quot;item&quot;&gt;
                &lt;div class=&quot;fill&quot; style=&quot;background-image:url(images/P_MO4267.jpg);&quot;&gt;&lt;/div&gt;
                &lt;!--&lt;div class=&quot;carousel-caption&quot;&gt;
                    &lt;h2&gt;Caption 2&lt;/h2&gt;
                &lt;/div&gt;--&gt;
            &lt;/div&gt;
            &lt;div class=&quot;item&quot;&gt;
                &lt;div class=&quot;fill&quot; style=&quot;background-image:url(images/P_MO4189.jpg);&quot;&gt;&lt;/div&gt;
               &lt;!-- &lt;div class=&quot;carousel-caption&quot;&gt;
                    &lt;h2&gt;Caption 3&lt;/h2&gt;
                &lt;/div&gt;--&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;!-- Controls --&gt;
        &lt;a class=&quot;left carousel-control&quot; href=&quot;#myCarousel&quot; data-slide=&quot;prev&quot;&gt;
            &lt;span class=&quot;icon-prev&quot;&gt;&lt;/span&gt;
        &lt;/a&gt;
        &lt;a class=&quot;right carousel-control&quot; href=&quot;#myCarousel&quot; data-slide=&quot;next&quot;&gt;
            &lt;span class=&quot;icon-next&quot;&gt;&lt;/span&gt;
        &lt;/a&gt;
    &lt;/header&gt;

    &lt;!-- Page Content --&gt;
    &lt;div class=&quot;container&quot;&gt;

        &lt;!-- Marketing Icons Section --&gt;
        &lt;div class=&quot;row&quot;&gt;
            &lt;div class=&quot;col-lg-12&quot;&gt;
                &lt;h1 class=&quot;page-header&quot;&gt;
                    Welcome to Sara Textiles
                &lt;/h1&gt;
            &lt;/div&gt;
            &lt;div class=&quot;col-md-4&quot;&gt;
                &lt;div class=&quot;panel panel-default&quot;&gt;
                    &lt;div class=&quot;panel-heading&quot;&gt;
                        &lt;h4&gt;&lt;i class=&quot;fa fa-fw &quot;&gt;&lt;/i&gt;Home Furnishing&lt;/h4&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;panel-body&quot;&gt;
                        &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, optio corporis quae nulla aspernatur in alias at numquam rerum ea excepturi expedita tenetur assumenda voluptatibus eveniet incidunt dicta nostrum quod?&lt;/p&gt;
                        &lt;a href=&quot;http://furnishing.saratextiles.com&quot; class=&quot;btn btn-default&quot;&gt;Enter Site&lt;/a&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class=&quot;col-md-4&quot;&gt;
                &lt;div class=&quot;panel panel-default&quot;&gt;
                    &lt;div class=&quot;panel-heading&quot;&gt;
                        &lt;h4&gt;&lt;i class=&quot;fa fa-fw &quot;&gt;&lt;/i&gt;Textiles Machinery&lt;/h4&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;panel-body&quot;&gt;
                        &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, optio corporis quae nulla aspernatur in alias at numquam rerum ea excepturi expedita tenetur assumenda voluptatibus eveniet incidunt dicta nostrum quod?&lt;/p&gt;
                        &lt;a href=&quot;#&quot; class=&quot;btn btn-default&quot;&gt;Enter Site&lt;/a&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class=&quot;col-md-4&quot;&gt;
                &lt;div class=&quot;panel panel-default&quot;&gt;
                    &lt;div class=&quot;panel-heading&quot;&gt;
                        &lt;h4&gt;&lt;i class=&quot;fa fa-fw &quot;&gt;&lt;/i&gt;Garments&lt;/h4&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;panel-body&quot;&gt;
                        &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, optio corporis quae nulla aspernatur in alias at numquam rerum ea excepturi expedita tenetur assumenda voluptatibus eveniet incidunt dicta nostrum quod?&lt;/p&gt;
                        &lt;a href=&quot;#&quot; class=&quot;btn btn-default&quot;&gt;Enter Site&lt;/a&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;!-- /.row --&gt;

        &lt;!-- Portfolio Section --&gt;
        &lt;!--&lt;div class=&quot;row&quot;&gt;
            &lt;div class=&quot;col-lg-12&quot;&gt;
                &lt;h2 class=&quot;page-header&quot;&gt;Portfolio Heading&lt;/h2&gt;
            &lt;/div&gt;
            &lt;div class=&quot;col-md-4 col-sm-6&quot;&gt;
                &lt;a href=&quot;portfolio-item.html&quot;&gt;
                    &lt;img class=&quot;img-responsive img-portfolio img-hover&quot; src=&quot;http://placehold.it/700x450&quot; alt=&quot;&quot;&gt;
                &lt;/a&gt;
            &lt;/div&gt;
            &lt;div class=&quot;col-md-4 col-sm-6&quot;&gt;
                &lt;a href=&quot;portfolio-item.html&quot;&gt;
                    &lt;img class=&quot;img-responsive img-portfolio img-hover&quot; src=&quot;http://placehold.it/700x450&quot; alt=&quot;&quot;&gt;
                &lt;/a&gt;
            &lt;/div&gt;
            &lt;div class=&quot;col-md-4 col-sm-6&quot;&gt;
                &lt;a href=&quot;portfolio-item.html&quot;&gt;
                    &lt;img class=&quot;img-responsive img-portfolio img-hover&quot; src=&quot;http://placehold.it/700x450&quot; alt=&quot;&quot;&gt;
                &lt;/a&gt;
            &lt;/div&gt;
            &lt;div class=&quot;col-md-4 col-sm-6&quot;&gt;
                &lt;a href=&quot;portfolio-item.html&quot;&gt;
                    &lt;img class=&quot;img-responsive img-portfolio img-hover&quot; src=&quot;http://placehold.it/700x450&quot; alt=&quot;&quot;&gt;
                &lt;/a&gt;
            &lt;/div&gt;
            &lt;div class=&quot;col-md-4 col-sm-6&quot;&gt;
                &lt;a href=&quot;portfolio-item.html&quot;&gt;
                    &lt;img class=&quot;img-responsive img-portfolio img-hover&quot; src=&quot;http://placehold.it/700x450&quot; alt=&quot;&quot;&gt;
                &lt;/a&gt;
            &lt;/div&gt;
            &lt;div class=&quot;col-md-4 col-sm-6&quot;&gt;
                &lt;a href=&quot;portfolio-item.html&quot;&gt;
                    &lt;img class=&quot;img-responsive img-portfolio img-hover&quot; src=&quot;http://placehold.it/700x450&quot; alt=&quot;&quot;&gt;
                &lt;/a&gt;
            &lt;/div&gt;
        &lt;/div&gt;--&gt;
        &lt;!-- /.row --&gt;

        &lt;!-- Features Section --&gt;
        &lt;!--&lt;div class=&quot;row&quot;&gt;
            &lt;div class=&quot;col-lg-12&quot;&gt;
                &lt;h2 class=&quot;page-header&quot;&gt;Modern Business Features&lt;/h2&gt;
            &lt;/div&gt;
            &lt;div class=&quot;col-md-6&quot;&gt;
                &lt;p&gt;The Modern Business template by Start Bootstrap includes:&lt;/p&gt;
                &lt;ul&gt;
                    &lt;li&gt;&lt;strong&gt;Bootstrap v3.2.0&lt;/strong&gt;
                    &lt;/li&gt;
                    &lt;li&gt;jQuery v1.11.0&lt;/li&gt;
                    &lt;li&gt;Font Awesome v4.1.0&lt;/li&gt;
                    &lt;li&gt;Working PHP contact form with validation&lt;/li&gt;
                    &lt;li&gt;Unstyled page elements for easy customization&lt;/li&gt;
                    &lt;li&gt;17 HTML pages&lt;/li&gt;
                &lt;/ul&gt;
                &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis, omnis doloremque non cum id reprehenderit, quisquam totam aspernatur tempora minima unde aliquid ea culpa sunt. Reiciendis quia dolorum ducimus unde.&lt;/p&gt;
            &lt;/div&gt;
            &lt;div class=&quot;col-md-6&quot;&gt;
                &lt;img class=&quot;img-responsive&quot; src=&quot;http://placehold.it/700x450&quot; alt=&quot;&quot;&gt;
            &lt;/div&gt;
        &lt;/div&gt;--&gt;
        &lt;!-- /.row --&gt;

        &lt;hr&gt;

        &lt;!-- Call to Action Section --&gt;
        &lt;!--&lt;div class=&quot;well&quot;&gt;
            &lt;div class=&quot;row&quot;&gt;
                &lt;div class=&quot;col-md-8&quot;&gt;
                    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias, expedita, saepe, vero rerum deleniti beatae veniam harum neque nemo praesentium cum alias asperiores commodi.&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class=&quot;col-md-4&quot;&gt;
                    &lt;a class=&quot;btn btn-lg btn-default btn-block&quot; href=&quot;#&quot;&gt;Call to Action&lt;/a&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;--&gt;

        &lt;hr&gt;

        &lt;!-- Footer --&gt;
        &lt;footer&gt;
            &lt;div class=&quot;row&quot;&gt;
                &lt;div class=&quot;col-lg-12&quot;&gt;
                    &lt;p&gt;Copyright &amp;copy; Sara Textiles 2015&lt;/p&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/footer&gt;

    &lt;/div&gt;
    &lt;!-- /.container --&gt;

    &lt;!-- jQuery --&gt;
    &lt;script src=&quot;js/jquery.js&quot;&gt;&lt;/script&gt;

    &lt;!-- Bootstrap Core JavaScript --&gt;
    &lt;script src=&quot;js/bootstrap.min.js&quot;&gt;&lt;/script&gt;

    &lt;!-- Script to Activate the Carousel --&gt;
    &lt;script&gt;
    $(&#039;.carousel&#039;).carousel({
        interval: 5000 //changes the speed
    })
    &lt;/script&gt;

&lt;/body&gt;

&lt;/html&gt;
</code></pre>        </div>
    </div>