wedding site pic button
<div class="wed_wrapper">
<div class="wed _img_2 btn btn_new wed_img_2 skrollable skrollable-between" data-bottom="right:20%" data-center="right:0" data-image="images/fashion_couple/about_her.jpg" style="right: 10.9189%; background-image: url("images/sehernur.jpg");">
<h6 class="wed_name_right">Sehernur<br><span>Caglayan</span></h6>
</div>
</div>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sehernur & Ata Wedding</title>
<!-- Library CSS -->
<link href="css/wedding_library.css" rel="stylesheet">
<!-- Icons CSS -->
<link href="fonts/themify-icons.css" rel="stylesheet">
<!-- Theme CSS -->
<link href="css/wedding_style.css" rel="stylesheet">
<link rel="stylesheet" href="css/min.css" type="text/css" media="screen">
<link href="css/responsive.css" rel="stylesheet">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Bree+Serif" rel="stylesheet">
</head>
<body>
<!-- Music Bottom Container -->
<div class="wed_music_content">
<div class="wed_music_container">
<i class="ti ti-music"></i>
</div>
</div>
<!-- Music Bottom Container End -->
<!-- Soundcloud -->
<div class="wed_iframe">
<!-- over -->
<div class="wed_over wed_music_over" data-color="#000" data-opacity="0.5"></div>
<iframe src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/102137206&auto_play=true&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true"></iframe>
</div>
<!-- Preloader -->
<div class="wed_page_loader">
<div class="wed_story_content">
<div class="wed_heart_container_row_4">
<img class="wed_fourth_heart_1" src="images/small_people/heart_1.png" alt="">
<img class="wed_fourth_heart_2" src="images/small_people/heart_2.png" alt="">
<img class="wed_fourth_heart_3" src="images/small_people/heart_3.png" alt="">
</div>
<div class="wed_story_small_img">
<img src="images/small_people/small_couple.png" alt="">
</div>
</div>
</div>
<!-- Preloader End-->
<!-- Page -->
<div class="wed_page" id="wed_page">
<!-- Header -->
<header>
<nav class="wed_light_nav wed_transp_nav">
<div class="container">
<!-- couple header -->
<img class="wed_couple_header wed_kissing_couple animated extra" src="images/3.png" alt=""/>
<img class="wed_couple_header wed_white_couple animated extra" src="images/3_white_couple.png" alt=""/>
<!-- couple header end -->
<!-- Logo -->
<a href="#" class="wed_logo wed_logo_animation">Sehernur & Ata</a>
<!-- Text Logo -->
<div class="wed_logo_und">Wedding</div>
<div class="wed_top_menu_mobile_link">
<i class="ti ti-menu"></i>
</div>
<!-- Top Menu -->
<div class="wed_top_menu_cont">
<ul class="wed_top_menu">
<li><a href="index.html">Anasayfa</a></li>
<li><a target="_blank" href="https://altin.doviz.com/gram-altin">ALTIN FİYATLARI</a></li>
<li ><a target="_blank" href="https://www.google.com/maps?saddr=My+Location&daddr=Marla+Restaurant@37.7640907,29.1184363">DÜĞÜN YERİ</a></li>
<li><a target="_blank" href="https://www.yobisi.com/paytr.php">ONLİNE ÖDEME</a></li>
<li><a href="#nezaman">Ne Zaman?</a></li>
<li><a href="#kacgun">Kaç Gün Kaldı?</a></li>
</ul>
</div>
<!-- Top Menu End -->
</div>
<!-- container end -->
</nav>
</header>
<!-- Header End -->
<!-- Slider -->
<div class="wed_slider wed_image_bck wed_fixed wed_wht_txt" data-stellar-background-ratio="0.2" data-image="images/particles_couple.jpg">
<div class="wed_particles"></div>
<!-- over -->
<div class="wed_over" data-color="#000" data-opacity="0.1"></div>
<div class="container" >
<!-- Slider Texts -->
<div class="wed_slide_txt wed_slide_right_middle text-center" data-0="opacity:1;" data--400-bottom="opacity:0;">
<img src="images/wedding-couple.png" height="450" alt="">
<h4>31.08.2018</h4>
<h3>Sehernur & Ata</h3>
</div>
<!-- Slider Texts End -->
</div>
<!-- container end -->
</div>
<!-- Slider End -->
<!-- Content -->
<section id="wed_content" class="wed_content">
<!-- BORDER -->
<div class="wed_slider_border_zi4">
<!-- story section -->
<section id="story" class="wed_section_outter wed_couple clearfix">
<div class="container" id="nezaman">
<div class="row">
<div class="col-sm-12 col-md-offset-2 col-md-8 text-center">
<div class="wed_topstory_titile wed_great_titles">
<h2 class="wed_margtop">
evleniyoruz
</h2>
</div>
</div>
</div>
<!-- Row end -->
<!-- Item -->
<div class="wed_wrapper" >
<div class="wed_img_1 skrollable skrollable-after" data-bottom="left:20%" data-center="left:0" data-image="images/fashion_couple/about_him.jpg" style="left: 0px; background-image: url("images/ata.jpg");">
<a href="#" class="btn btn_new btn_popup">            </a>
<h6 class="wed_name_left">Ata<br><span>Altinoluk</span></h6>
</div>
</div>
<!-- Item -->
<div class="wed_wrapper">
<div class="wed_img_2 skrollable skrollable-after" data-bottom="right:20%" data-center="right:0" data-image="images/fashion_couple/about_her.jpg" style="right: 0px; background-image: url("images/sehernur.jpg");">
<a href="#" class="btn btn_new btn_popup">               </a>
<h6 class="wed_name_right">Sehernur<br><span>Caglayan</span></h6>
</div>
</div>
<!-- Couple Text -->
<div class="married_txt skrollable skrollable-after" data-bottom="opacity:0" data-center="opacity:1" style="opacity: 1;">
<h3>DAVETLİSİNİZ</h3>
<p>31 Ağustos Cuma <br>
Başlangıç : 20:00
<br>
<b>Marla Restaurant</b><br>
Pamukkale / DENİZLİ<br></p>
</div>
</div>
<!-- END of CONTAINER -->
</section>
<!-- Section end -->
</div>
<!-- BORDER END -->
<!-- White border -->
<div class="wed_white_inner_border">
<!-- section -->
<section class="wed_section_inner wed_image_bck wed_wht_txt wed_fixed" data-stellar-background-ratio="0.2" data-image="images/fashion_couple/slider3.jpg" >
<!-- Over -->
<div class="wed_over" data-color="#8630fc" data-opacity="0.9"></div>
<div class="wed_over" data-color="#000" data-opacity="0.1"></div>
<div class="container" id="kacgun">
<div class="row wed_auto_height wed_middle_titles">
<div class="col-md-12 wed_image_bck wed_fixed text-center" >
<h2>SAKIN Unutma! :)</h2>
</div>
<!-- col end -->
</div>
<!-- row end -->
<span class="wed_countdown" data-year="2018" data-month="08" data-day="31"></span>
</div>
<!-- container end -->
</section>
<!-- section end -->
</div>
<!-- White border end-->
<!-- section -->
<section class="wed_section_outter wed_border">
<div class="container">
<div class="row wed_auto_height wed_middle_titles">
<div class="col-md-12 wed_image_bck wed_fixed text-center" >
<h2> ALTININ HAZIR MI?</h2>
<p> Eğer hazır değilse korkma, yardımcı olmak için en yakın kuyumcuları senin için bulduk :) </p>
<a href="https://www.google.com/maps/search/kuyumcu/@37.7806347,29.0871562,16z/data=!3m1!4b1" target="_blank" class="btn btn_new">EN YAKIN KUYUMCULAR</a>
</div>
<!-- col end -->
</div>
<!-- row end -->
</div>
<!-- container end -->
</section>
<!-- section end -->
<!-- White border -->
<div class="wed_white_inner_border">
<!-- section -->
<section id="where" class="wed_section_inner">
<div class="container-full">
<div class="row text-center">
<!-- Item -->
<div class="col-md-4 wed_nopadding">
<div class="wed_wrapper">
<img src="images/altin.jpg" class="wed_fullwidth" alt="">
<a href="https://altin.doviz.com/gram-altin" target="_blank" class="btn btn_new btn_popup">Altın Fiyatları</a>
</div>
<div class="wed_pad_txt">
<h3>Altın Borsası</h3>
<span>Sizin için araştırdık :)<br><br></span>
<a href="https://altin.doviz.com/gram-altin" target="_blank" class="btn btn_new ">Altın Fiyatları</a> <br><br>
</div>
</div>
<!-- Item -->
<div class="col-md-4 wed_nopadding">
<div class="wed_wrapper">
<img src="images/marla.jpg" class="wed_fullwidth" alt="">
<a href="https://www.google.com/maps?saddr=My+Location&daddr=Marla+Restaurant@37.7640907,29.1184363" target="_blank" class="btn btn_new btn_popup">Haritada Gör</a>
</div>
<div class="wed_pad_txt">
<h3>Dugun Yeri</h3>
<span>Marla Restorant / Cumhuriyet Mahallesi, Karakurt Yolu Üzeri Pamukkale Tenis Kulübü, 20160 Pamukkale/Denizli<br><br></span>
<a href="https://www.google.com/maps?saddr=My+Location&daddr=Marla+Restaurant@37.7640907,29.1184363" target="_blank" class="btn btn_new ">Haritada Gör</a> <br><br>
</div>
</div>
<!-- Item -->
<div class="col-md-4 wed_nopadding">
<div class="wed_wrapper">
<img src="images/odeme.jpg" class="wed_fullwidth" alt="">
<a href="https://www.yobisi.com/paytr.php" target="_blank" class="btn btn_new btn_popup">Online Ödeme</a>
</div>
<div class="wed_pad_txt">
<h3>Online Takı Tak</h3>
<span>Takı takma sırasına son! Hemen takını online tak! Üstelik kredi kartına 9 taksit imkanı :)<br><br><a href="https://www.yobisi.com/paytr.php" target="_blank" class="btn btn_new">Online Ödeme</a><br><br></span>
</div>
</div>
</div>
<!-- Row End -->
</div>
<!-- container end -->
</section>
<!-- section end -->
</div>
<!-- Border End -->
<!-- White border -->
<div class="wed_water_border text-center">
<!-- section -->
<section id="rsvp" class="wed_section_inner wed_wht_txt wed_image_bck wed_fixed" data-stellar-background-ratio="0.2" data-image="images/ataseherbg.jpg">
<!-- Over -->
<div class="wed_over" data-color="#8630fc" data-opacity="0.9"></div>
<div class="wed_over" data-color="#000" data-opacity="0.1"></div>
<div class="container wed_great_titles">
<div class="row">
<div class="col-md-12">
<div class="wed_footer_txt">
<h2 class="wed_form_txt">Tesekkurler!</h2>
<h3>Sehernur & Ata</h3>
<a href="https://www.yobisi.com/?utm_referrer=http://www.seherindugunuvar.com/&utm_campaign=footer" class="yobisi hidden-xs" target="_blank" title="Yobisi - Denizli Dijial Reklam Ajansı"><img alt="Denizli Web Tasarım" src="images/yobisi.png">
</a>
</div>
</div>
</div>
</div>
</section>
<!--section end -->
<!-- To Top -->
<a href="#wed_page" class="wed_top ti ti-angle-up wed_go"></a>
</div>
<!-- White border end -->
</section>
<!--Content end -->
</div>
<!-- Page End -->
<!-- JQuery -->
<script src="js/jquery-1.12.4.min.js"></script>
<!-- Library JS -->
<script src="js/wedding_min_library.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<!-- Theme JS -->
<script src="js/wedding_min_script.js"></script>
</body>
</html>