"0 0 3.3.0 Bootstrap HTML Responsive Templates V 0.4"
Bootstrap 3.3.0 Snippet by ebubekirbastama

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <!-- Bu tasarım By&Ebubekir Bastama Tarafından kodlanmıştır. --> <html> <head> <meta charset="UTF-8"> <title>Eçk yazılım V0.3</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <link href="menu.css" rel="stylesheet" type="text/css"/> <link href="footer.css" rel="stylesheet" type="text/css"/> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link href="slider.css" rel="stylesheet" type="text/css"/> </head> <body> <!-- En üst Bölüm--> <div class="jumbotron"> <div class="container text-center"> <div class="menuicon"> <img src="https://www.mondi.com.tr/i/mondi-Logo.png" alt=""> </div> <h1>Eçk Mobilya</h1> <p>Mobilya,Ev Eşyası &Tasarımları</p> </div> </div> <!-- En üst Bölüm--> <!--Navbar Menü--> <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="https://www.ebubekirbastama.com"> </a> </div> <div class="collapse navbar-collapse" id="myNavbar"> <ul class="nav navbar-nav"> <li class="active"><a href="https://www.ebubekirbastama.com">AnaSayfa</a></li> <li><a href="https://www.ebubekirbastama.com">Ürünlerimiz</a></li> <li><a href="https://www.ebubekirbastama.com">Online Mağaza</a></li> <li><a href="https://www.ebubekirbastama.com">Mağazalarımız</a></li> <li><a href="https://www.ebubekirbastama.com">İletişim</a></li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href="#"><span class="glyphicon glyphicon-user"></span>Sn.Ebubekir Bastama</a></li> <li><a href="#"><span class="glyphicon glyphicon-shopping-cart"></span> Alışveriş</a></li> </ul> </div> </div> </nav> <!--Navbar Menü--> <!-- slider --> <div class="container"> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <!-- Wrapper for slides --> <div class="carousel-inner"> <div class="item active"> <img src="https://www.mondi.com.tr/files/campaign/MONDI-AGUSTOS-KAMP-web.jpg"> <div class="carousel-caption"> </div> </div><!-- End Item --> <div class="item"> <img src="https://www.mondi.com.tr/files/campaign/Mondi%20Story%20Delux%20Tanitici%20Slider%20Banner-web.jpg"> <div class="carousel-caption"> </div> </div><!-- End Item --> <div class="item"> <img src="https://www.mondi.com.tr/files/campaign/mondi-concept-slayer-lorenz-web[1]].jpg"> <div class="carousel-caption"> </div> </div><!-- End Item --> <div class="item"> <img src="https://www.mondi.com.tr/files/campaign/mondi-2018-lansman-web.jpg"> <div class="carousel-caption"> </div> </div><!-- End Item --> </div><!-- End Carousel Inner --> <button data-target="#myCarousel" data-slide-to="0" class="btn">1</button> <button data-target="#myCarousel" data-slide-to="1" class="btn">2</button> <button data-target="#myCarousel" data-slide-to="2" class="btn">3</button> <button data-target="#myCarousel" data-slide-to="3" class="btn">4</button> <ul class="nav nav-pills nav-justified"> <li data-target="#myCarousel" data-slide-to="0" class="active"><a href="#">Ürün1<small>Ürün Açıklama</small></a></li> <li data-target="#myCarousel" data-slide-to="1" class="active"><a href="#">Ürün2<small>Ürün Açıklama</small></a></li> <li data-target="#myCarousel" data-slide-to="2" class="active"><a href="#">Ürün3<small>Ürün Açıklama</small></a></li> <li data-target="#myCarousel" data-slide-to="3" class="active"><a href="#">Ürün4<small>Ürün Açıklama</small></a></li> </ul> </div><!-- End Carousel --> </div> <!--slider --> <br> <!--Ürünler--> <div class="container"> <div class="row"> <div class="col-sm-4"> <div class="panel panel-primary"> <div class="panel-heading">Tropez Koltuk Takımı</div> <div class="panel-body"><img src="http://www.mondi.com.tr/files/pi/big/tropez-koltuk-takimi-05.jpg" class="img-responsive" style="width:100%" alt="Image"></div> <div class="panel-footer">Tropez Koltuk Takımı; font ve sırt kısmında komple sünger uygulaması ile rahatlığı, hareketli sırt mekanizma özelliği ile de konforu bir arada sunmaktadır. Yüksek ayak özelliği ile kolay temizlik rahatlığı sağlamaktadır.Tropez Koltuk Takımımıza Konsept, Tropez Yemek Odası ve Tropez Yatak odası modellerimiz yer almaktadır.</div> </div> </div> <div class="col-sm-4"> <div class="panel panel-danger"> <div class="panel-heading">Safir Koltuk Takımı</div> <div class="panel-body"><img src="http://www.mondi.com.tr/files/pi/big/safir-kol-tk-liza-krem-liza-koyu-mor-lavel-ana-03.jpg" class="img-responsive" style="width:100%" alt="Image"></div> <div class="panel-footer">Klasik tarzın tüm ihtişamını evinize taşıyan Safir Koltuk Takımı; ahşap üzerine yaldız boyalı oymalı klapa ve taç uygulaması, özel el kapitonesi, font sırt kadife kumaşı, pano desen ve püsküllü ponpon kırlentleri, çektirme düğme ve fermuarlı font minderi ile yaşam alanınıza zarafet katıyor. Font ve sırt kısmında komple sünger ve kırlent uygulaması ile rahatlık sağlayan Safir, yüksek lükens ayak özelliği ile de kolay temizlik imkanı sunuyor.</div> </div> </div> <div class="col-sm-4"> <div class="panel panel-success"> <div class="panel-heading">Tropez Tv Ünitesi</div> <div class="panel-body"><img src="http://www.mondi.com.tr/files/pi/big/tropez-tv-unitesi-01.jpg" class="img-responsive" style="width:100%" alt="Image"></div> <div class="panel-footer">Tropez Tv Ünitesini 2.500 tl şimdi satın alabilirsiniz.</div> </div> </div> </div> </div><br> <div class="container"> <div class="row"> <div class="col-sm-4"> <div class="panel panel-primary"> <div class="panel-heading">Tropez Yatak Odası</div> <div class="panel-body"><img src="http://www.mondi.com.tr/files/pi/big/tropez-yatak-odasi-takimi-01.jpg" class="img-responsive" style="width:100%" alt="Image"></div> <div class="panel-footer">Tropez Yatak Odası; moda trend ceviz-lacivert renk uygulaması, dekoratif klapa, özel tasarım kulp uygulaması ve yüksek ayak uygulamaları ile yaşam alanlarına renk katacak modern tasarıma sahiptir.</div> </div> </div> <div class="col-sm-4"> <div class="panel panel-primary"> <div class="panel-heading">Vienna Yatak Odası</div> <div class="panel-body"><img src="http://www.mondi.com.tr/files/pi/big/vienna-yatak-odasi-01.jpg" class="img-responsive" style="width:100%" alt="Image"></div> <div class="panel-footer">Vienna ürün grubu ile aynı konseptte tasarlanan Vienna yatak odası takımında, fildişi rengi ön planda olurken Gardrop, Şifonyer , komodin ve Tuvalet Masasında altın renkte dekoratif fitil uygulaması dikkat çekiyor. Kapaklarda ve sandalyelerin arkasında kullanılan püskül detayları takımda bütünlük yakalıyor. Modern çizgileri klasik desenlerle buluşturan Vienna yatak odası takımı, evlere şıklık getiriyor.</div> </div> </div> <div class="col-sm-4"> <div class="panel panel-primary"> <div class="panel-heading">Mondi ile Hem Evinizi Hem TV'nizi Yenileyin</div> <div class="panel-body"><img src="http://www.mondi.com.tr/files/campaign/MONDI-AGUSTOS-KAMP-web.jpg" class="img-responsive" style="width:100%" alt="Image"></div> <div class="panel-footer">*Kampanya ve tavsiye edilen perakende fiyatlarımız 01.08.2018 - 31.10.2018 tarihleri arasında aynı mağazadaki Mondi markalı ürünlerden, tek seferde, 8.900 TL (KDV dahil) tutarında alışveriş yapan tüketicilerimize Samsung 32” 32K4000 / 32N5000 LED TV, 13.900 TL (KDV dahil) tutarında alışveriş yapan tüketicilerimize Samsung 40” 40M5000 / 40N5000 LED TV, 23.900 TL (KDV dahil) tutarında alışveriş yapan tüketicilerimize Samsung 49” 49J5200 / 49N5300 SMART LED TV hediye edilecektir. Fiyatlar KDV dahil tavsiye edilen fiyatlardır. Kampanya koşullarıyla ilgili ayrıntılı bilgi için, lütfen bir Mondi Yetkili satıcısı’na başvurunuz. Tipografik hatalardan Mondi sorumlu tutulamaz. Peşin fiyatına 12 taksitle ödeme koşulları tüm ürün gruplarında WORLD üyesi olan bayilerimizde geçerlidir.</div> </div> </div> </div> </div><br><br> <!--Ürünler--> <!--footer alanı--> <footer class="text-center"> <div class="container pt-5"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-4 footers-one"> <div class="footers-logo"> <img src="https://www.mondi.com.tr/i/mondi-Logo.png" alt="Logo" style="width:120px;"> </div> <div class="footers-info mt-3"> <p>Eçk Mobilya Firmamızı Sosyal Medya Hesaplarından Takip Edebilirsiniz.</p> </div> <div class=""> <a href="https://www.facebook.com/ebubekirbastama" class="fa fa-facebook"></a> <a href="https://twitter.com/ebubekirbastama" class="fa fa-twitter"></a> <a href="#" class="fa fa-google"></a> <a href="#" class="fa fa-linkedin"></a> <a href="#" class="fa fa-youtube"></a> <a href="#" class="fa fa-instagram"></a> <a href="#" class="fa fa-pinterest"></a> <a href="#" class="fa fa-snapchat-ghost"></a> <a href="#" class="fa fa-skype"></a> <a href="#" class="fa fa-android"></a> <a href="#" class="fa fa-dribbble"></a> <a href="#" class="fa fa-vimeo"></a> <a href="#" class="fa fa-tumblr"></a> <a href="#" class="fa fa-vine"></a> <a href="#" class="fa fa-foursquare"></a> <a href="#" class="fa fa-stumbleupon"></a> <a href="#" class="fa fa-flickr"></a> <a href="#" class="fa fa-yahoo"></a> <a href="#" class="fa fa-reddit"></a> <a href="#" class="fa fa-rss"></a> </div> </div> <div class="col-xs-12 col-sm-6 col-md-2 footers-two"> <h5>Kurumsal </h5> <ul class="list-unstyled"> <li><a href="maintenance.html">Mondi Hakkında</a></li> <li><a href="contact.html">Mondi Garantisi</a></li> <li><a href="about.html">İletişim Bilgileri</a></li> <li><a href="about.html">İnsan Kaynakları</a></li> <li><a href="about.html">Bilgi Toplumu Hizmetleri</a></li> </ul> </div> <div class="col-xs-12 col-sm-6 col-md-2 footers-three"> <h5>Bilgi Edinme</h5> <ul class="list-unstyled"> <li><a href="maintenance.html">Kayıt Ol</a></li> <li><a href="contact.html">İletişim</a></li> <li><a href="about.html">Videos</a></li> <li><a href="about.html">Blog</a></li> <li><a href="about.html">Servis</a></li> </ul> </div> <div class="col-xs-12 col-sm-6 col-md-2 footers-four"> <h5>Explore </h5> <ul class="list-unstyled"> <li><a href="maintenance.html">News</a></li> <li><a href="contact.html">Sitemap</a></li> <li><a href="about.html">Testimonials</a></li> <li><a href="about.html">Feedbacks</a></li> <li><a href="about.html">User Agreement</a></li> </ul> </div> <div class="col-xs-12 col-sm-6 col-md-2 footers-five"> <h5>Company </h5> <ul class="list-unstyled"> <li><a href="maintenance.html">Career</a></li> <li><a href="about.html">For Parters</a></li> <li><a href="about.html">Terms</a></li> <li><a href="about.html">Policy</a></li> <li><a href="contact.html">Contact Us</a></li> </ul> </div> </div> </div> <section class="disclaimer bg-light border"> <div class="container"> <div class="row "> <div class="col-md-12 py-2"> <small> Eçk Mobilya:Bu Web Sitesi By&Ebubekir Bastama tarafından www.ebubekirbastama.com adına ücretsiz olarak kodlanmıştır ve kullanımı ücretsizdir.Bu gibi tasarımların gelmesi için bizlere destek olmak için bir kere sitedeki reklama tıklayabilirsiniz. </small> </div> </div> </div> </section> <section class="copyright border"> <div class="container"> <div class="row text-center"> <div class="col-md-12 pt-3"> <a href="https://www.ebubekirbastama.com"><p class="text-muted">© 2018 Ebubekir Bastama.</p></a> </div> </div> </div> </section> </footer> <!--footer alanı--> </body> </html>
.fa { padding: 20px; font-size: 30px; width: 50px; text-align: center; text-decoration: none; margin: 5px 2px; } .fa:hover { opacity: 0.7; } .fa-facebook { background: #3B5998; color: white; } .fa-twitter { background: #55ACEE; color: white; } .fa-google { background: #dd4b39; color: white; } .fa-linkedin { background: #007bb5; color: white; } .fa-youtube { background: #bb0000; color: white; } .fa-instagram { background: #125688; color: white; } .fa-pinterest { background: #cb2027; color: white; } .fa-snapchat-ghost { background: #fffc00; color: white; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } .fa-skype { background: #00aff0; color: white; } .fa-android { background: #a4c639; color: white; } .fa-dribbble { background: #ea4c89; color: white; } .fa-vimeo { background: #45bbff; color: white; } .fa-tumblr { background: #2c4762; color: white; } .fa-vine { background: #00b489; color: white; } .fa-foursquare { background: #45bbff; color: white; } .fa-stumbleupon { background: #eb4924; color: white; } .fa-flickr { background: #f40083; color: white; } .fa-yahoo { background: #430297; color: white; } .fa-soundcloud { background: #ff5500; color: white; } .fa-reddit { background: #ff5700; color: white; } .fa-rss { background: #ff6600; color: white; } /* Remove the navbar's default rounded borders and increase the bottom margin */ .navbar { margin-bottom: 50px; border-radius: 0; } /* Remove the jumbotron's default bottom margin */ .jumbotron { margin-bottom: 0; } .menuicon { height: 100%; width: 100%; } #myCarousel .nav a small { display:block; } #myCarousel .nav { background:#eee; } #myCarousel .nav a { border-radius:600px; }

Related: See More


Questions / Comments: