    <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;title&gt;Moderna - Bootstrap 3 flat corporate template&lt;/title&gt;
&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot; /&gt;
&lt;meta name=&quot;description&quot; content=&quot;&quot; /&gt;
&lt;meta name=&quot;author&quot; content=&quot;http://bootstraptaste.com&quot; /&gt;
&lt;!-- css --&gt;
&lt;link href=&quot;css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot; /&gt;
&lt;link href=&quot;css/fancybox/jquery.fancybox.css&quot; rel=&quot;stylesheet&quot;&gt;
&lt;link href=&quot;css/jcarousel.css&quot; rel=&quot;stylesheet&quot; /&gt;
&lt;link href=&quot;css/flexslider.css&quot; rel=&quot;stylesheet&quot; /&gt;
&lt;link href=&quot;css/style.css&quot; rel=&quot;stylesheet&quot; /&gt;


&lt;!-- Theme skin --&gt;
&lt;link href=&quot;skins/default.css&quot; rel=&quot;stylesheet&quot; /&gt;

&lt;!-- HTML5 shim, for IE6-8 support of HTML5 elements --&gt;
&lt;!--[if lt IE 9]&gt;
      &lt;script src=&quot;http://html5shim.googlecode.com/svn/trunk/html5.js&quot;&gt;&lt;/script&gt;
    &lt;![endif]--&gt;

&lt;/head&gt;
&lt;body&gt;
&lt;div id=&quot;wrapper&quot;&gt;
	&lt;!-- start header --&gt;
	&lt;header&gt;
        &lt;div class=&quot;navbar navbar-default navbar-static-top&quot;&gt;
            &lt;div class=&quot;container&quot;&gt;
                &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;.navbar-collapse&quot;&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;&lt;span&gt;M&lt;/span&gt;oderna&lt;/a&gt;
                &lt;/div&gt;
                &lt;div class=&quot;navbar-collapse collapse &quot;&gt;
                    &lt;ul class=&quot;nav navbar-nav&quot;&gt;
                        &lt;li&gt;&lt;a href=&quot;index.html&quot;&gt;Home&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; data-hover=&quot;dropdown&quot; data-delay=&quot;0&quot; data-close-others=&quot;false&quot;&gt;Features &lt;b class=&quot; icon-angle-down&quot;&gt;&lt;/b&gt;&lt;/a&gt;
                            &lt;ul class=&quot;dropdown-menu&quot;&gt;
                                &lt;li&gt;&lt;a href=&quot;typography.html&quot;&gt;Typography&lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href=&quot;components.html&quot;&gt;Components&lt;/a&gt;&lt;/li&gt;
								&lt;li&gt;&lt;a href=&quot;pricingbox.html&quot;&gt;Pricing box&lt;/a&gt;&lt;/li&gt;
                            &lt;/ul&gt;
                        &lt;/li&gt;
                        &lt;li&gt;&lt;a href=&quot;portfolio.html&quot;&gt;Portfolio&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href=&quot;blog.html&quot;&gt;Blog&lt;/a&gt;&lt;/li&gt;
                        &lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;contact.html&quot;&gt;Contact&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
	&lt;/header&gt;
	&lt;!-- end header --&gt;
	&lt;section id=&quot;inner-headline&quot;&gt;
	&lt;div class=&quot;container&quot;&gt;
		&lt;div class=&quot;row&quot;&gt;
			&lt;div class=&quot;col-lg-12&quot;&gt;
				&lt;ul class=&quot;breadcrumb&quot;&gt;
					&lt;li&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;fa fa-home&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;i class=&quot;icon-angle-right&quot;&gt;&lt;/i&gt;&lt;/li&gt;
					&lt;li class=&quot;active&quot;&gt;Contact&lt;/li&gt;
				&lt;/ul&gt;
			&lt;/div&gt;
		&lt;/div&gt;
	&lt;/div&gt;
	&lt;/section&gt;
	&lt;section id=&quot;content&quot;&gt;
	&lt;div class=&quot;map&quot;&gt;
		&lt;iframe src=&quot;https://maps.google.com/maps?f=q&amp;amp;source=s_q&amp;amp;hl=en&amp;amp;geocode=&amp;amp;q=Kuningan,+Jakarta+Capital+Region,+Indonesia&amp;amp;aq=3&amp;amp;oq=kuningan+&amp;amp;sll=37.0625,-95.677068&amp;amp;sspn=37.410045,86.572266&amp;amp;ie=UTF8&amp;amp;hq=&amp;amp;hnear=Kuningan&amp;amp;t=m&amp;amp;z=14&amp;amp;ll=-6.238824,106.830177&amp;amp;output=embed&quot;&gt;
		&lt;/iframe&gt;
	&lt;/div&gt;
	&lt;div class=&quot;container&quot;&gt;
		&lt;div class=&quot;row&quot;&gt;
			&lt;div class=&quot;col-lg-12&quot;&gt;
				&lt;h4&gt;Get in touch with us by filling &lt;strong&gt;contact form below&lt;/strong&gt;&lt;/h4&gt;
				&lt;form id=&quot;contactform&quot; action=&quot;contact/contact.php&quot; method=&quot;post&quot; class=&quot;validateform&quot; name=&quot;send-contact&quot;&gt;
					&lt;div id=&quot;sendmessage&quot;&gt;
						 Your message has been sent. Thank you!
					&lt;/div&gt;
					&lt;div class=&quot;row&quot;&gt;
						&lt;div class=&quot;col-lg-4 field&quot;&gt;
							&lt;input type=&quot;text&quot; name=&quot;name&quot; placeholder=&quot;* Enter your full name&quot; data-rule=&quot;maxlen:4&quot; data-msg=&quot;Please enter at least 4 chars&quot; /&gt;
							&lt;div class=&quot;validation&quot;&gt;
							&lt;/div&gt;
						&lt;/div&gt;
						&lt;div class=&quot;col-lg-4 field&quot;&gt;
							&lt;input type=&quot;text&quot; name=&quot;email&quot; placeholder=&quot;* Enter your email address&quot; data-rule=&quot;email&quot; data-msg=&quot;Please enter a valid email&quot; /&gt;
							&lt;div class=&quot;validation&quot;&gt;
							&lt;/div&gt;
						&lt;/div&gt;
						&lt;div class=&quot;col-lg-4 field&quot;&gt;
							&lt;input type=&quot;text&quot; name=&quot;subject&quot; placeholder=&quot;Enter your subject&quot; data-rule=&quot;maxlen:4&quot; data-msg=&quot;Please enter at least 4 chars&quot; /&gt;
							&lt;div class=&quot;validation&quot;&gt;
							&lt;/div&gt;
						&lt;/div&gt;
						&lt;div class=&quot;col-lg-12 margintop10 field&quot;&gt;
							&lt;textarea rows=&quot;12&quot; name=&quot;message&quot; class=&quot;input-block-level&quot; placeholder=&quot;* Your message here...&quot; data-rule=&quot;required&quot; data-msg=&quot;Please write something&quot;&gt;&lt;/textarea&gt;
							&lt;div class=&quot;validation&quot;&gt;
							&lt;/div&gt;
							&lt;p&gt;
								&lt;button class=&quot;btn btn-theme margintop10 pull-left&quot; type=&quot;submit&quot;&gt;Submit message&lt;/button&gt;
								&lt;span class=&quot;pull-right margintop20&quot;&gt;* Please fill all required form field, thanks!&lt;/span&gt;
							&lt;/p&gt;
						&lt;/div&gt;
					&lt;/div&gt;
				&lt;/form&gt;
			&lt;/div&gt;
		&lt;/div&gt;
	&lt;/div&gt;
	&lt;/section&gt;
	&lt;footer&gt;
	&lt;div class=&quot;container&quot;&gt;
		&lt;div class=&quot;row&quot;&gt;
			&lt;div class=&quot;col-lg-3&quot;&gt;
				&lt;div class=&quot;widget&quot;&gt;
					&lt;h5 class=&quot;widgetheading&quot;&gt;Get in touch with us&lt;/h5&gt;
					&lt;address&gt;
					&lt;strong&gt;Moderna company Inc&lt;/strong&gt;&lt;br&gt;
					 Modernbuilding suite V124, AB 01&lt;br&gt;
					 Someplace 16425 Earth &lt;/address&gt;
					&lt;p&gt;
						&lt;i class=&quot;icon-phone&quot;&gt;&lt;/i&gt; (123) 456-7890 - (123) 555-7891 &lt;br&gt;
						&lt;i class=&quot;icon-envelope-alt&quot;&gt;&lt;/i&gt; email@domainname.com
					&lt;/p&gt;
				&lt;/div&gt;
			&lt;/div&gt;
			&lt;div class=&quot;col-lg-3&quot;&gt;
				&lt;div class=&quot;widget&quot;&gt;
					&lt;h5 class=&quot;widgetheading&quot;&gt;Pages&lt;/h5&gt;
					&lt;ul class=&quot;link-list&quot;&gt;
						&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Press release&lt;/a&gt;&lt;/li&gt;
						&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Terms and conditions&lt;/a&gt;&lt;/li&gt;
						&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Privacy policy&lt;/a&gt;&lt;/li&gt;
						&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Career center&lt;/a&gt;&lt;/li&gt;
						&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Contact us&lt;/a&gt;&lt;/li&gt;
					&lt;/ul&gt;
				&lt;/div&gt;
			&lt;/div&gt;
			&lt;div class=&quot;col-lg-3&quot;&gt;
				&lt;div class=&quot;widget&quot;&gt;
					&lt;h5 class=&quot;widgetheading&quot;&gt;Latest posts&lt;/h5&gt;
					&lt;ul class=&quot;link-list&quot;&gt;
						&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit.&lt;/a&gt;&lt;/li&gt;
						&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Pellentesque et pulvinar enim. Quisque at tempor ligula&lt;/a&gt;&lt;/li&gt;
						&lt;li&gt;&lt;a href=&quot;#&quot;&gt;Natus error sit voluptatem accusantium doloremque&lt;/a&gt;&lt;/li&gt;
					&lt;/ul&gt;
				&lt;/div&gt;
			&lt;/div&gt;
			&lt;div class=&quot;col-lg-3&quot;&gt;
				&lt;div class=&quot;widget&quot;&gt;
					&lt;h5 class=&quot;widgetheading&quot;&gt;Flickr photostream&lt;/h5&gt;
					&lt;div class=&quot;flickr_badge&quot;&gt;
						&lt;script type=&quot;text/javascript&quot; src=&quot;http://www.flickr.com/badge_code_v2.gne?count=8&amp;amp;display=random&amp;amp;size=s&amp;amp;layout=x&amp;amp;source=user&amp;amp;user=34178660@N03&quot;&gt;&lt;/script&gt;
					&lt;/div&gt;
					&lt;div class=&quot;clear&quot;&gt;
					&lt;/div&gt;
				&lt;/div&gt;
			&lt;/div&gt;
		&lt;/div&gt;
	&lt;/div&gt;
	&lt;div id=&quot;sub-footer&quot;&gt;
		&lt;div class=&quot;container&quot;&gt;
			&lt;div class=&quot;row&quot;&gt;
				&lt;div class=&quot;col-lg-6&quot;&gt;
					&lt;div class=&quot;copyright&quot;&gt;
						&lt;p&gt;
							&lt;span&gt;&amp;copy; Moderna 2014 All right reserved. By &lt;/span&gt;&lt;a href=&quot;http://bootstraptaste.com&quot; target=&quot;_blank&quot;&gt;Bootstraptaste&lt;/a&gt;
						&lt;/p&gt;
					&lt;/div&gt;
				&lt;/div&gt;
				&lt;div class=&quot;col-lg-6&quot;&gt;
					&lt;ul class=&quot;social-network&quot;&gt;
						&lt;li&gt;&lt;a href=&quot;#&quot; data-placement=&quot;top&quot; title=&quot;Facebook&quot;&gt;&lt;i class=&quot;fa fa-facebook&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
						&lt;li&gt;&lt;a href=&quot;#&quot; data-placement=&quot;top&quot; title=&quot;Twitter&quot;&gt;&lt;i class=&quot;fa fa-twitter&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
						&lt;li&gt;&lt;a href=&quot;#&quot; data-placement=&quot;top&quot; title=&quot;Linkedin&quot;&gt;&lt;i class=&quot;fa fa-linkedin&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
						&lt;li&gt;&lt;a href=&quot;#&quot; data-placement=&quot;top&quot; title=&quot;Pinterest&quot;&gt;&lt;i class=&quot;fa fa-pinterest&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
						&lt;li&gt;&lt;a href=&quot;#&quot; data-placement=&quot;top&quot; title=&quot;Google plus&quot;&gt;&lt;i class=&quot;fa fa-google-plus&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
					&lt;/ul&gt;
				&lt;/div&gt;
			&lt;/div&gt;
		&lt;/div&gt;
	&lt;/div&gt;
	&lt;/footer&gt;
&lt;/div&gt;
&lt;a href=&quot;#&quot; class=&quot;scrollup&quot;&gt;&lt;i class=&quot;fa fa-angle-up active&quot;&gt;&lt;/i&gt;&lt;/a&gt;
&lt;!-- javascript
    ================================================== --&gt;
&lt;!-- Placed at the end of the document so the pages load faster --&gt;
&lt;script src=&quot;js/jquery.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;js/jquery.easing.1.3.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;js/jquery.fancybox.pack.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;js/jquery.fancybox-media.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;js/google-code-prettify/prettify.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;js/portfolio/jquery.quicksand.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;js/portfolio/setting.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;js/jquery.flexslider.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;js/animate.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;js/custom.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;js/validate.js&quot;&gt;&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</code></pre>        </div>
    </div>