Notes
Notes - notes.io |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Acura Multi purpose Free HTML5 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta name="author" content="http://webthemez.com" />
<!-- css -->
<link href="https://webthemez.com/demo/acura-business-bootstrap-website-template/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://webthemez.com/demo/acura-business-bootstrap-website-template/css/fancybox/jquery.fancybox.css" rel="stylesheet">
<link href="https://webthemez.com/demo/acura-business-bootstrap-website-template/css/flexslider.css" rel="stylesheet" />
<link href="https://webthemez.com/demo/acura-business-bootstrap-website-template/css/style.css" rel="stylesheet" />
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="wrapper" class="home-page">
<div class="topbar">
<div class="container">
<div class="row">
<div class="col-md-12">
<p class="pull-left hidden-xs"><i class="fa fa-clock-o"></i><span>Mon - Sat 8.00 - 18.00. Sunday CLOSED</span></p>
<p class="pull-right"><i class="fa fa-phone"></i>Tel No. (+001) 123-456-789</p>
</div>
</div>
</div>
</div>
<!-- start header -->
<header>
<div class="navbar navbar-default navbar-static-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="anasayfa.html"><img src="https://webthemez.com/demo/acura-business-bootstrap-website-template/img/logo.png" alt="logo"/></a>
</div>
<div class="navbar-collapse collapse ">
<ul class="nav navbar-nav">
<li class="active"><a href="anasayfa.html">AnaSayfa</a></li>
<li><a href="services.html">Serbis</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="pricing.html">Fiyat</a></li>
<li><a href="contact.html">İLETİŞİM</a></li>
</ul>
</div>
</div>
</div>
</header>
<!-- end header -->
<section id="banner">
<!-- Slider -->
<div id="main-slider" class="flexslider">
<ul class="slides">
<li>
<img src="https://webthemez.com/demo/acura-business-bootstrap-website-template/img/slides/1.jpg" alt="" />
<div class="flex-caption">
<h3>Creative</h3>
<p>We create the opportunities</p>
</div>
</li>
<li>
<img src="https://webthemez.com/demo/acura-business-bootstrap-website-template/img/slides/2.jpg" alt="" />
<div class="flex-caption">
<h3>Solution</h3>
<p>Success depends on work</p>
</div>
</li>
</ul>
</div>
<!-- end slider -->
</section>
<section id="call-to-action-2">
<div class="container">
<div class="row">
<div class="col-md-10 col-sm-9">
<h3>Best Business consulting</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt eius magni provident, doloribus omnis minus temporibus perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti</p>
</div>
<div class="col-md-2 col-sm-3">
<a href="#" class="btn btn-primary">Read More</a>
</div>
</div>
</div>
</section>
<section id="content">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="aligncenter"><h2 class="aligncenter">Our Services</h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt eius magni provident, doloribus omnis minus ovident, doloribus omnis minus temporibus perferendis nesciunt..</div>
<br/>
</div>
</div>
<div class="row">
<div class="col-sm-4 info-blocks">
<i class="icon-info-blocks fa fa-bell-o"></i>
<div class="info-blocks-in">
<h3>Consulting</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt</p>
</div>
</div>
<div class="col-sm-4 info-blocks">
<i class="icon-info-blocks fa fa-hdd-o"></i>
<div class="info-blocks-in">
<h3>Strategy</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt</p>
</div>
</div>
<div class="col-sm-4 info-blocks">
<i class="icon-info-blocks fa fa-lightbulb-o"></i>
<div class="info-blocks-in">
<h3>Analysis</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt</p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4 info-blocks">
<i class="icon-info-blocks fa fa-code"></i>
<div class="info-blocks-in">
<h3>Investment</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt</p>
</div>
</div>
<div class="col-sm-4 info-blocks">
<i class="icon-info-blocks fa fa-compress"></i>
<div class="info-blocks-in">
<h3>Creative</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt</p>
</div>
</div>
<div class="col-sm-4 info-blocks">
<i class="icon-info-blocks fa fa-html5"></i>
<div class="info-blocks-in">
<h3>24/7 Support</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt</p>
</div>
</div>
</div>
</div>
</section>
<section class="section-padding gray-bg">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title text-center">
<h2>Our Organization</h2>
<p>Curabitur aliquet quam id dui posuere blandit. Donec sollicitudin molestie malesuada Pellentesque <br>ipsum id orci porta dapibus. Vivamus suscipit tortor eget felis porttitor volutpat.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="about-text">
<p>Grids is a responsive Multipurpose Template. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur aliquet quam id dui posuere blandit. Donec sollicitudin molestie malesuada. Pellentesque in ipsum id orci porta dapibus. Vivamus suscipit tortor eget felis porttitor volutpat.</p>
<ul class="withArrow">
<li><span class="fa fa-angle-right"></span> Lorem ipsum dolor sit amet</li>
<li><span class="fa fa-angle-right"></span> consectetur adipiscing elit</li>
<li><span class="fa fa-angle-right"></span> Curabitur aliquet quam id dui</li>
<li><span class="fa fa-angle-right"></span> Donec sollicitudin molestie malesuada.</li>
</ul>
<a href="#" class="btn btn-primary">Learn More</a>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="about-image">
<img src="img/about.png" alt="About Images">
</div>
</div>
</div>
</div>
</section>
<div class="about home-about">
<div class="container">
<div class="row">
<div class="col-md-4">
<!-- Heading and para -->
<div class="block-heading-two">
<h3><span>Programes</span></h3>
</div>
<p>Sed ut perspiciaatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur. <br><br>Sed ut perspiciaatis iste natus error sit voluptatem probably haven't heard of them accusamus.</p>
</div>
<div class="col-md-4">
<div class="block-heading-two">
<h3><span>Latest News</span></h3>
</div>
<!-- Accordion starts -->
<div class="panel-group" id="accordion-alt3">
<!-- Panel. Use "panel-XXX" class for different colors. Replace "XXX" with color. -->
<div class="panel">
<!-- Panel heading -->
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-alt3" href="#collapseOne-alt3">
<i class="fa fa-angle-right"></i> Accordion Heading Text Item # 1
</a>
</h4>
</div>
<div id="collapseOne-alt3" class="panel-collapse collapse">
<!-- Panel body -->
<div class="panel-body">
Sed ut perspiciaatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas
</div>
</div>
</div>
<div class="panel">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-alt3" href="#collapseTwo-alt3">
<i class="fa fa-angle-right"></i> Accordion Heading Text Item # 2
</a>
</h4>
</div>
<div id="collapseTwo-alt3" class="panel-collapse collapse">
<div class="panel-body">
Sed ut perspiciaatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas
</div>
</div>
</div>
<div class="panel">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-alt3" href="#collapseThree-alt3">
<i class="fa fa-angle-right"></i> Accordion Heading Text Item # 3
</a>
</h4>
</div>
<div id="collapseThree-alt3" class="panel-collapse collapse">
<div class="panel-body">
Sed ut perspiciaatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas
</div>
</div>
</div>
<div class="panel">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-alt3" href="#collapseFour-alt3">
<i class="fa fa-angle-right"></i> Accordion Heading Text Item # 4
</a>
</h4>
</div>
<div id="collapseFour-alt3" class="panel-collapse collapse">
<div class="panel-body">
Sed ut perspiciaatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas
</div>
</div>
</div>
</div>
<!-- Accordion ends -->
</div>
<div class="col-md-4">
<div class="block-heading-two">
<h3><span>Testimonials</span></h3>
</div>
<div class="testimonials">
<div class="active item">
<blockquote><p>Lorem ipsum dolor met consectetur adipisicing. Aorem psum dolor met consectetur adipisicing sit amet, consectetur adipisicing elit, of them jean shorts sed magna aliqua. Lorem ipsum dolor met.</p></blockquote>
<div class="carousel-info">
<img alt="" src="img/team4.jpg" class="pull-left">
<div class="pull-left">
<span class="testimonials-name">Marc Cooper</span>
<span class="testimonials-post">Technical Director</span>
</div>
</div>
</div>
</div>
</div>
</div>
<br>
</div>
</div>
<footer>
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-3">
<div class="widget">
<h5 class="widgetheading">Our Contact</h5>
<address>
<strong>Bootstrap company Inc</strong><br>
JC Main Road, Near Silnile tower<br>
Pin-21542 NewYork US.</address>
<p>
<i class="icon-phone"></i> (123) 456-789 - 1255-12584 <br>
<i class="icon-envelope-alt"></i> [email protected]
</p>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="widget">
<h5 class="widgetheading">Quick Links</h5>
<ul class="link-list">
<li><a href="#">Latest Events</a></li>
<li><a href="#">Terms and conditions</a></li>
<li><a href="#">Privacy policy</a></li>
<li><a href="#">Career</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="widget">
<h5 class="widgetheading">Latest posts</h5>
<ul class="link-list">
<li><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></li>
<li><a href="#">Pellentesque et pulvinar enim. Quisque at tempor ligula</a></li>
<li><a href="#">Natus error sit voluptatem accusantium doloremque</a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="widget">
<h5 class="widgetheading">Recent News</h5>
<ul class="link-list">
<li><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></li>
<li><a href="#">Pellentesque et pulvinar enim. Quisque at tempor ligula</a></li>
<li><a href="#">Natus error sit voluptatem accusantium doloremque</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="sub-footer">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="copyright">
<p>
<span>© Bootstrap Template 2017 All right reserved. Template By </span><a href="http://webthemez.com/free-bootstrap-templates/" target="_blank">WebThemez</a>
</p>
</div>
</div>
<div class="col-lg-6">
<ul class="social-network">
<li><a href="#" data-placement="top" title="Facebook"><i class="fa fa-facebook"></i></a></li>
<li><a href="#" data-placement="top" title="Twitter"><i class="fa fa-twitter"></i></a></li>
<li><a href="#" data-placement="top" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#" data-placement="top" title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
<li><a href="#" data-placement="top" title="Google plus"><i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
</div>
<a href="#" class="scrollup"><i class="fa fa-angle-up active"></i></a>
<!-- javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://webthemez.com/demo/acura-business-bootstrap-website-template/js/jquery.js"></script>
<script src="https://webthemez.com/demo/acura-business-bootstrap-website-template/js/jquery.easing.1.3.js"></script>
<script src="https://webthemez.com/demo/acura-business-bootstrap-website-template/js/bootstrap.min.js"></script>
<script src="https://webthemez.com/demo/acura-business-bootstrap-website-template/js/jquery.fancybox.pack.js"></script>
<script src="https://webthemez.com/demo/acura-business-bootstrap-website-template/js/jquery.fancybox-media.js"></script>
<script src="https://webthemez.com/demo/acura-business-bootstrap-website-template/js/jquery.flexslider.js"></script>
<script src="https://webthemez.com/demo/acura-business-bootstrap-website-template/js/animate.js"></script>
<!-- Vendor Scripts -->
<script src="https://webthemez.com/demo/acura-business-bootstrap-website-template/js/modernizr.custom.js"></script>
<script src="https://webthemez.com/demo/acura-business-bootstrap-website-template/js/jquery.isotope.min.js"></script>
<script src="https://webthemez.com/demo/acura-business-bootstrap-website-template/js/jquery.magnific-popup.min.js"></script>
<script src="https://webthemez.com/demo/acura-business-bootstrap-website-template/js/animate.js"></script>
<script src="https://webthemez.com/demo/acura-business-bootstrap-website-template/js/custom.js"></script>
</body>
</html>
|
|
Notes.io is a web-based application for taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000 notes created and continuing...
With notes.io;
- * You can take a note from anywhere and any device with internet connection.
- * You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
- * You can quickly share your contents without website, blog and e-mail.
- * You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
- * Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.
Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.
Easy: Notes.io doesn’t require installation. Just write and share note!
Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )
Free: Notes.io works for 12 years and has been free since the day it was started.
You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;
Email: [email protected]
Twitter: http://twitter.com/notesio
Instagram: http://instagram.com/notes.io
Facebook: http://facebook.com/notesio
Regards;
Notes.io Team
