ampDetay.blade.php

ampDetay.blade.php | 49.7 KB | Satir: 0 | php Geri

<!doctype html>
<html ⚡ lang="tr">
<head>
    <meta charset="utf-8">
    <script async src="https://cdn.ampproject.org/v0.js"></script>
    <script async custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script>
    <script async custom-element="amp-social-share" src="https://cdn.ampproject.org/v0/amp-social-share-0.1.js"></script>
    <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
    <script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
    <script async custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script>
    <script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>
    
    <link rel="canonical" href="{{ config('ayarlar.siteadresi').'haber/'.$haberDetay->slug.'-'.$haberDetay->id }}">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,maximum-scale=1,user-scalable=no"><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="icon" type="image/png" href="{{ config('ayarlar.siteadresi') }}images/genel/{{ config('ayarlar.favicon') }}">
    <title>{{ $haberDetay->baslik }}</title>
    <meta name="description" content="{{ $haberDetay->metadesc }}" />
    <script type="application/ld+json">
      {
        "@context": "http://schema.org",
        "@type": "NewsArticle",
        "inLanguage":"tr-TR",
        "articleSection":"{{ $haberDetay->haberkat->baslik }}",
        "mainEntityOfPage":{"@type":"WebPage","@id":"{{ url('haber/'.$haberDetay->slug.'-'.$haberDetay->id) }}"},
        "headline": "{{ $haberDetay->baslik }}",
        "datePublished":"{{ date('c',strtotime($haberDetay->tarih)) }}",
        "dateModified":"{{ date('c',strtotime($haberDetay->tarih)) }}",
        "image": {"@type": "ImageObject", "url": "{{ url('images/haberler/'.$haberDetay->resim) }}", "width":"640","height":"350"},
        "description":"{{ $haberDetay->metadesc }}",
        "author":{"@type":"Person","name":"{{ config('ayarlar.baslik') }}"},
        "publisher": {
        "@type": "Organization",
        "name": "{{ config('ayarlar.baslik') }}",
        "logo": {
        "@type": "ImageObject",
        "url": "{{ url('images/genel/'.config('ayarlar.logo')) }}"
        }
        }
      }
    </script>
    <style amp-custom>
        body{font-family: "Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif; font-size:16px; background-color:#ececec;}

/*Color Schemes and Colors*/

.bg-teal-light{ background-color: #1abc9c; color:#FFFFFF}
        .bg-teal-dark{  background-color: #16a085; color:#FFFFFF}
        .border-teal-light{ border:solid 1px #1abc9c;}
        .border-teal-dark{  border:solid 1px #16a085;}
        .color-teal-light{ color: #1abc9c;}
        .color-teal-dark{  color: #16a085;}
        .bg-green-light{background-color: #2ecc71; color:#FFFFFF}
        .bg-green-dark{background-color: #2abb67; color:#FFFFFF}
        .border-green-light{border:solid 1px #2ecc71;}
        .border-green-dark{ border:solid 1px #2abb67;}
        .color-green-light{color: #2ecc71;}
        .color-green-dark{color: #2abb67;}
        .bg-blue-light{background-color: #3498db; color:#FFFFFF}
        .bg-blue-dark{background-color: #2980b9; color:#FFFFFF;}
        .border-blue-light{border:solid 1px #3498db;}
        .border-blue-dark{ border:solid 1px #2980b9;}
        .color-blue-light{color: #3498db;}
        .color-blue-dark{color: #2980b9;}
        .bg-magenta-light{background-color: #9b59b6; color:#FFFFFF}
        .bg-magenta-dark{background-color: #8e44ad; color:#FFFFFF}
        .border-magenta-light{border:solid 1px #9b59b6;}
        .border-magenta-dark{ border:solid 1px #8e44ad;}
        .color-magenta-light{color: #9b59b6;}
        .color-magenta-dark{color: #8e44ad;}
        .bg-night-light{background-color: #34495e; color:#FFFFFF}
        .bg-night-dark{background-color: #2c3e50; color:#FFFFFF}
        .border-night-light{border:solid 1px #34495e;}
        .border-night-dark{ border:solid 1px #2c3e50;}
        .color-night-light{color: #34495e;}
        .color-night-dark{color: #2c3e50;}
        .bg-yellow-light{background-color: #E67E22; color:#FFFFFF}
        .bg-yellow-dark{background-color: #e86f2a; color:#FFFFFF}
        .border-yellow-light{border:solid 1px #E67E22;}
        .border-yellow-dark{ border:solid 1px #F27935;}
        .color-yellow-light{color: #f1c40f;}
        .color-yellow-dark{color: #f39c12;}
        .bg-orange-light{background-color: #F9690E; color:#FFFFFF}
        .bg-orange-dark{background-color: #D35400; color:#FFFFFF}
        .border-orange-light{border:solid 1px #F9690E;}
        .border-orange-dark{ border:solid 1px #D35400;}
        .color-orange-light{color: #e67e22;}
        .color-orange-dark{color: #d35400;}
        .bg-red-light{background-color: #e74c3c; color:#FFFFFF}
        .bg-red-dark{background-color: #c0392b; color:#FFFFFF}
        .border-red-light{border:solid 1px #e74c3c;}
        .border-red-dark{ border:solid 1px #c0392b;}
        .color-red-light{color: #e74c3c;}
        .color-red-dark{color: #c0392b;}
        .bg-pink-light{background-color: #fa6a8e ; color:#FFFFFF}
        .bg-pink-dark{background-color: #FB3365 ; color:#FFFFFF}
        .border-pink-light{border:solid 1px #fa6a8e ;}
        .border-pink-dark{ border:solid 1px #FB3365 ;}
        .color-pink-light{color: #fa6a8e;}
        .color-pink-dark{color: #FB3365;}
        .bg-gray-light{background-color: #bdc3c7; color:#FFFFFF}
        .bg-gray-dark{background-color: #95a5a6; color:#FFFFFF}
        .border-gray-light{border:solid 1px #bdc3c7;}
        .border-gray-dark{ border:solid 1px #95a5a6;}
        .color-gray-light{color: #bdc3c7;}
        .color-gray-dark{color: #95a5a6;}
        .bg-white{background-color:#FFFFFF;}
        .color-white{color:#FFFFFF;}
        .border-white{border:solid 1px #FFFFFF;}
        .bg-black{background-color:#000000;}
        .color-black{color:#000000;}
        .border-black{border:solid 1px #000000;}
        .color-heading{color:#676767;}

/*Social Icons*/
        .facebook-bg{background-color:#3b5998; color:#FFFFFF;}
        .linkedin-bg{background-color:#0077B5; color:#FFFFFF;}
        .twitter-bg{background-color:#4099ff; color:#FFFFFF;}
        .google-bg{ background-color:#d34836; color:#FFFFFF;}
        .whatsapp-bg{ background-color:#34AF23; color:#FFFFFF;}
        .pinterest-bg{ background-color:#C92228; color:#FFFFFF;}
        .sms-bg{ background-color:#27ae60; color:#FFFFFF;}
        .mail-bg{ background-color:#3498db; color:#FFFFFF;}
        .dribbble-bg{ background-color:#EA4C89; color:#FFFFFF;}
        .tumblr-bg{ background-color:#2C3D52; color:#FFFFFF;}
        .reddit-bg{ background-color:#336699; color:#FFFFFF;}
        .youtube-bg{ background-color:#D12827; color:#FFFFFF;}
        .phone-bg{ background-color:#27ae60; color:#FFFFFF;}
        .skype-bg{ background-color:#12A5F4; color:#FFFFFF;}
        .facebook-color{    color:#3b5998;}
        .linkedin-color{    color:#0077B5;}
        .twitter-color{     color:#4099ff;}
        .google-color{      color:#d34836;}
        .whatsapp-color{    color:#34AF23;}
        .pinterest-color{   color:#C92228;}
        .sms-color{         color:#27ae60;}
        .mail-color{        color:#3498db;}
        .dribbble-color{    color:#EA4C89;}
        .tumblr-color{      color:#2C3D52;}
        .reddit-color{      color:#336699;}
        .youtube-color{     color:#D12827;}
        .phone-color{       color:#27ae60;}
        .skype-color{       color:#12A5F4;}

/*Font Settings*/
        h1{ font-size:22px; line-height: 1.4;}
        h2{ font-size:21px; line-height:32px; font-weight:600; margin-bottom: 10px;}
        h3{ font-size:18px; line-height:30px; font-weight:600; margin-bottom: 10px;}
        h4{ font-size:17px; line-height:28px; font-weight:600; margin-bottom: 10px;}
        h5{ font-size:16px; line-height:26px; font-weight:600; margin-bottom: 10px;}
        h6{ font-size:15px; line-height:22px; font-weight:600; margin-bottom: 10px;}
        .ultrathin{font-weight:200;}
        .thin{font-weight:300;}
        .thiner{font-weight:400;}
        .boder{font-weight:600;}
        .bold{font-weight:700;}
        .ultrabold{font-weight:900;}
        .capitalize{text-transform: capitalize;}
        .italic{font-style: italic;}
        .small-text{font-size:12px; display:block;}
        .center-text{text-align:center; display:block;}
        .right-text{text-align:right;}
        .uppercase{text-transform: uppercase;}
        .boxed-text{width:90%; margin:0px auto 15px auto;}
        .round-image{border-radius:500px;}
        p a{display:inline;}

/*Content Settings*/
        .content{padding:0px 20px 0px 20px; margin-bottom:15px; display:block;}
        .container{margin-bottom:30px}
        .negative-top{margin-top:-25px;}
        .full-bottom{margin-bottom:25px}
        .no-bottom{margin-bottom:0px}
        .full-top{margin-top:25px}
        .half-bottom{margin-bottom:15px}
        .half-top{margin-top:15px}
        .quarter-bottom{margin-bottom:10px}
        .hidden{display:none}
        .left-column{width:45%; margin-right:5%; float:left}
        .right-column{width:45%; margin-left:5%; float:left}
        .one-third-left{float:left; width:29%;  margin-right:1%}
        .one-third-center{float:left; width:29%; margin-left:5%; margin-right:5%}
        .one-third-right{float:left; width:29%; margin-left:1%}
        .clear{clear:both}
        .large-icon{font-size:24px;}
        .huge-icon{font-size:32px;}

* {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            vertical-align: baseline;
            outline: none;
            font-size-adjust: none;
            -webkit-text-size-adjust: none;
            -moz-text-size-adjust: none;
            -ms-text-size-adjust: none;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
            -webkit-font-smoothing: antialiased;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

div, a, p, img, blockquote, form, fieldset, textarea, input, label, iframe, code, pre {
            display: block;
            position:relative;
        }
        img{
            max-width: 100%;
            height: auto;
        }
        p{
            line-height: 1.6;
            color:#111;
            margin-bottom:20px;
        }

a{text-decoration:none; color:#3498db;}

/*Lists*/
        .icon-list{list-style:none; font-size:14px; line-height:28px; color:#666666;}
        .icon-list i{width:30px;}

.center-icon{
            width:80px;
            height:80px;
            border-radius:80px;
            border:solid 1px rgba(0,0,0,0.5);
            text-align:center;
            line-height:80px;
            font-size:24px;
            margin:0px auto 30px auto;
            display:block;
        }

.decoration, .decoration-no-bottom{
            height:1px;
            background-color:rgba(0,0,0,0.1);
        }

.deco{height:1px; margin-bottom:30px;}

.deco-box .deco{
            width:10%;
            float:left;
            height:5px;
        }

.decoration{margin-bottom:30px;}
        .decoration-margins{margin:0px 20px 15px 20px}

/*Sidebar Design*/

#sidebar{
            width:270px;
            background-color:#FFFFFF;
        }

.sidebar-header{
            background-color: #000;
            width:270px;
            height:112px;
        }

.sidebar-logo em{
            display:block;
            padding-left:30px;
            padding-top:60px;
            position:relative;
            color:rgba(255,255,255,0.7);
            font-style: normal;
            font-size:11px;
        }

#sidebar *{
            user-select: none;
        }

#sidebar .menu{
            list-style:none;
            padding:0px;
            margin:0px;
        }

#sidebar .menu li{
            height:50px;
            line-height:50px;
            padding-left:10px;
            transition:all 250ms ease;
        }

#sidebar .menu li a{
            color:#2e2e2e;
            font-size:14px;
            font-weight:500;
            padding-left:60px;
        }

#sidebar .menu li i {
            color:#5d5d5d;
            font-size:15px;
            padding-right:20px;
            position:absolute;
            left:15px;
            height:50px;
            width:20px;
            text-align: center;
            line-height:50px;
        }

#sidebar .menu li:hover{background-color:#eeeeee; transition:all 250ms ease;}

#sidebar .submenu h4{
            background-color:#FFFFFF;
            border:none;
            color:#2e2e2e;
            font-size:14px;
            font-weight:500;
            padding-left:68px;
            height:55px;
            line-height:55px;
        }

#sidebar .submenu h4 i{
            color:#5d5d5d;
            position:absolute;
            height:55px;
            width:68px;
            line-height:55px;
            left:0px;
            text-align:center;
            font-size:15px;
        }

.submenu a{
            height:50px;
            line-height:50px;
            font-size:13px;
            padding-left:70px;
            color:#666666;
        }

.submenu a:last-child{margin-bottom:5px;}

.submenu a i{
            position:Absolute;
            height:50px;
            width:68px;
            text-align:center;
            line-height:52px;
            font-size:12px;
            left:0px;
        }

.sidebar-copyright{
            font-size:11px;
            color:#888888;
            margin-top:-5px;
            padding-left:20px;
            padding-bottom:20px;
            display:block;
            line-height:24px;
            font-style: normal;
        }

#sidebar .submenu h4.selected{background-color:#eeeeee;}
        .selected{background-color:#eeeeee;}
        .sidebar-deco{background-color:rgba(0,0,0,0.1); height:1px; margin:10px 0px 20px 0px; display:block;}

/*Page Content*/

::-webkit-scrollbar { width: 0; }

/*input[id="toggle-menu"]*/
        input[data-submenu-items]{
            position: absolute;
            top: -9999px;
            left: -9999px;
            /* For mobile, it's typically better to position checkbox on top of clickable
               area and turn opacity to 0 instead. */
        }

.page-content{
            z-index:999;
            margin-top:70px;
            margin-bottom:20px;
            margin-left:10px;
            margin-right:10px;
        }

.page-content-before{margin-top:-55px;}
        .page-content-full{margin-bottom:20px;}

.material-effect{
            box-shadow: 0 2px 5px 1px rgba(0,0,0,0.1);
        }

.material-box{
            background-color:#FFFFFF;
            box-shadow: 0 2px 5px 1px rgba(0,0,0,0.1);
            margin-bottom:15px;
            padding:20px;
        }

.material-news{
            padding:20px 0px 0px 0px;
        }

.material-box-full{
            background-color:#FFFFFF;
            box-shadow: 0 2px 5px 1px rgba(0,0,0,0.1);
            margin-bottom:15px;
            padding:15px 0px 15px 0px;
        }

.half-material-box-left{
            width:47%;
            float:left;
            background-color:#FFFFFF;
            box-shadow: 0 2px 5px 1px rgba(0,0,0,0.1);
            margin-bottom:30px;
            padding:30px 15px 15px 15px;
            box-sizing:border-box;
        }

.half-material-box-right{
            width:47%;
            margin-left:6%;
            float:left;
            background-color:#FFFFFF;
            box-shadow: 0 2px 5px 1px rgba(0,0,0,0.1);
            margin-bottom:30px;
            padding:30px 20px 15px 20px;
            box-sizing:border-box;
        }

.under-material{
            background-color:#FFFFFF;
            margin-bottom:30px;
            padding:0px 20px;
            margin-top:-50px;
            box-shadow: 0 2px 5px 1px rgba(0,0,0,0.1);
            border-top:solid 1px rgba(0,0,0,0.07);
        }

.under-material-link{
            float:right;
            font-weight:700;
            text-transform:uppercase;
            height:50px;
            line-height:50px;
            padding-left:15px;
        }

.under-material-icon{
            width:43px;
            height:50px;
            line-height:50px;
            float:right;
            font-size:13px;
        }

.under-material-icon[type="facebook"],
        .under-material-icon[type="twitter"],
        .under-material-icon[type="gplus"]{background-image:none; background-color:transparent;}

.under-material-icon[type="facebook"]:before {content: "\f09a";	color:#3b5998;}
        .under-material-icon[type="twitter"]:before {content: "\f099"; color:#4099FF;}
        .under-material-icon[type="gplus"]:before { content: "\f0d5"; color:#D34836;}

.under-material-icon[type="facebook"]:before,
        .under-material-icon[type="twitter"]:before,
        .under-material-icon[type="gplus"]:before{
            text-align:center;
            line-height:43px;
            width:43px;
            display:inline-block;
            font-family: 'FontAwesome';
        }

/*Header*/
        header{
            position:fixed;
            height:50px;
            z-index:9999;
            transition:all 250ms ease;
            left:0px;
            right:0px;
            top:0px;
            box-shadow: 0 2px 5px 1px rgba(0,0,0,0.1);
            background-color:#FFFFFF;
        }

.header-clear{height:60px; display:block;}

.header-icon-1, .header-icon-2{
            position:absolute;
            line-height:50px;
            text-align:center;
            width:50px;
            display:block;
            font-size:16px;
            background-color:transparent;
            color:#000000;
        }

.header-icon-2{right:0px; top:0px;}
        .header-icon-1{left:0px; top:0px; cursor:pointer;}

.header-logo{
            margin-left:45px;
            background-repeat: no-repeat;
            background-position:center center;
            background-size:80px 14px;
            width:270px;
            font-family: 'Roboto',sans-serif;
            font-size: 16px;
            line-height: 50px;
            font-weight: 700;
            color: #000;
            height:50px;
            display:block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

/*Footer*/
        .footer{padding-top:20px;}

.footer p:last-child{margin-bottom:0px; margin-top:-15px;}

.footer-socials a{
            width:40px;
            height:40px;
            line-height:40px;
            margin-left:2px;
            margin-right:2px;
            text-align:center;
            float:left;
        }

.footer-socials{
            width:265px;
            margin:0 auto;
        }

/*Call To Action Bar*/

.call-to-action-box a{
            width:50%;
            float:left;
            height:40px;
            line-height:40px;
            text-align:center;
            font-weight:700;
            text-transform:uppercase;
            margin-bottom:30px;
        }

.news-slider .caption{
            background-color:rgba(0,0,0,0.8);
        }

.amp-carousel-button{
            top:40%;
        }

.caption{
            position:absolute;
            bottom:0px;
            left:0px;
            right:0px;
            padding-left:20px;
            padding-right:20px;
            background-color:rgba(0,0,0,0.5);
        }

.caption h4{
            font-size:14px;
            color:#FFFFFF;
            line-height:20px;
            margin-top:12px;
        }

.caption h3{
            color:#FFFFFF;
            font-size:16px;
            padding:20px 0;
            line-height:0px;
        }

.caption p{
            font-size:12px;
            color:rgba(255,255,255,0.5);
        }

/*Staff Slider*/

.staff-slider{
            margin:0 auto;
            display:block;
        }

.staff-slider .inner-slide{
            width:240px;
            display:block;
            margin:0 auto;
        }

.staff-slider .slide{
            margin-left:10px;
            margin-right:10px;
        }

.staff-slider amp-img img{
            transform:scale(0.9, 0.9);
        }

.staff-slider h2{
            padding-top:10px;
            display:block;
            margin-bottom: 20px;
        }
        .staff-slider a{
            color: #000;
        }

.staff-slider .amp-carousel-button{
            margin-top:50px;
        }

/*Quote Slider*/

.quote-slider p{
            font-size:22px;
            font-weight:200;
            max-width:260px;
            margin:0 auto;
            text-align:center;
            line-height:42px;
            font-style:italic
        }

.quote-slider em i{
            font-size:18px;
        }

.quote-slider em{
            display:block;
            width:100px;
            margin:30px auto 30px auto;
            color:#f1c40f;
        }

.quote-slider a{
            font-size:15px;
            font-weight:700;
            display:block;
            text-align:center;
        }

.quote-slider .amp-carousel-button{
            top:100%;
            margin-top:-30px;
        }

.social-icons{
            width:150px;
            margin:0 auto;
        }

.social-round a{border-radius:50px;}

.social-icons-small{
            width:95px;
            margin:0 auto;
        }

.social-icons a{
            line-height:35px;
            width:35px;
            height:35px;
            margin-left:10px;
            margin-right:5px;
            float:left;
            font-size:12px;
            text-align:center;
        }

.social-icons-small a{
            line-height:35px;
            width:35px;
            height:35px;
            margin-left:5px;
            margin-right:5px;
            float:left;
            text-align:center;
            display:inline-block;
        }

/*Large Link*/

.large-link{
            font-size:12px;
            height:50px;
            line-height:50px;
            color:#000000;
            border-bottom:solid 1px rgba(0,0,0,0.1);
        }

.large-link .fa-angle-right{
            position:absolute;
            right:0px;
            height:50px;
            line-height:50px;
            text-align:center;
        }

.large-link i:last-child{margin-right:10px; width:20px; text-align:center;}

/*Heading Block*/

.heading-box{padding:35px 20px 10px 20px; margin-bottom:30px;}
        .heading-box h3{margin-bottom:-5px; position:relative; z-index:10;}
        .heading-box p{position:relative; z-index:10;}
        .page-title{margin-bottom:-60px;}

.heading-block{
            padding:30px 20px;
            margin-bottom:30px;
        }

.heading-block h4{
            font-size:20px;
            position:relative;
            z-index:10;
            color:#FFFFFF;
        }

.heading-block p{
            position:relative;
            z-index:10;
            color:rgba(255,255,255,0.5);
            margin-bottom:0px;
        }

.heading-block a{
            z-index:10;
            width:100px;
            height:10px;
            line-height:10px;
            color:#FFFFFF;
            text-align:center;
            font-size:12px;
            margin:20px auto 0px auto;
            border:solid 1px rgba(255,255,255,0.5);
            border-radius:5px;
            display:block;
            text-transform: uppercase;
            font-weight:800;
        }

.icon-heading h4{
            padding-left:90px;
            font-size:15px;
        }

.icon-heading p{
            line-height:24px;
            padding-left:90px;
        }

.icon-heading i{
            border-radius:10px;
            position:absolute;
            width:70px;
            height:70px;
            line-height:70px;
            margin-top:5px;
            text-align:center;
            font-size:24px;
        }

.quote-style h4, .quote-style h5{
            font-weight:300;
            margin-left:25px;
            margin-right:25px;
            text-align:center;
            line-height:40px;
        }

.rating{
            width:80px;
            margin:20px auto 20px auto;
            display:block;
        }

/*Half Columns*/

.half-column-left{
            width:45%;
            float:left;
        }

.half-column-right{
            width:45%;
            float:left;
        }

.center-column-icon{
            font-size:28px;
            text-align:center;
            display:block;
        }

/*Gallery*/

.gallery-thumb{
            width:31%;
            float:left;
            margin-bottom:3%;
        }
        .gallery-thumb p{margin-bottom:10px; line-height:20px; padding-top:5px; text-align:center; font-size:13px;}
        .gallery-round .gallery-thumb{border-radius:100px}
        .gallery-wide .gallery-thumb-wide{margin-bottom:5px;}
        .gallery-wide h4{
            position:absolute;
            background-color:rgba(0,0,0,0.8);
            color:#FFFFFF;
            z-index:99;
            height:50px;
            line-height:50px;
            margin-top:-55px;
            width:100%;
            padding-left:20px;
            font-weight:300;
            font-size:14px;
            pointer-events:none;
        }

.gallery-thumb:nth-child(3n-1){
            margin-left:3%;
            margin-right:3%;
        }

/*Landing Content*/

.landing-content a{
            width:70px;
            height:70px;
            float:left;
            margin:0px 15px 60px 15px;
            border-radius:70px;
            line-height:70px;
            font-size:21px;
            text-align:center;
        }

.landing-content a em{
            position:absolute;
            font-size:14px;
            width:70px;
            text-align:center;
            bottom:-60px;
            left:0px;
            right:0px;
            font-style:normal;
        }

/*Accordion Styles*/
        .accordion h4{
            background-color:transparent;
            border:none;
        }

.accordion h4{
            font-size:16px;
            line-height:40px;
        }

.accordion h4 i{
            height:40px;
            line-height:40px;
            position:absolute;
            right:0px;
            font-size:12px;
        }

.nested-accordion h4{
            font-size:14px;
        }

section[expanded] .fa-plus{	transform:rotate(45deg);}
        section[expanded] .fa-angle-down{	transform:rotate(180deg);}
        section[expanded] .fa-chevron-down{	transform:rotate(180deg);}

/*Fonts*/
        .demo-icons a{
            color:#FFFFFF;
            width:20%;
            height:50px;
            float:left;
        }
        .demo-icons a i{
            color:#1f1f1f;
            font-size:21px;
            width:50px;
            height:50px;
            float:left;
            text-align:center;
            overflow:hidden;
        }

/*User Notifications*/
        .user-notification{
            text-align:left;
            padding-top:5px;
            padding-left:10px;
            padding-right:10px;
            background-color:#27ae60;
            height:50px;
            color:#FFFFFF;
            font-size:12px;
            line-height:24px;
            width:70%;
            float:left;
        }

.user-notification button{
            background-color:#27ae60;
            color:#FFFFFF;
            height:55px;
            position:fixed;
            right:0px;
            bottom:0px;
            width:25%;
        }

/*Inputs*/

.text-input{
            height:45px;
            line-height:45px;
            text-indent: 10px;
            border:solid 1px rgba(0,0,0,0.1);
            display:block;
            width:100%;
            font-size:12px;
        }

.input-icon-field{
            height:45px;
            line-height:45px;
            text-indent: 50px;
            border:solid 1px rgba(0,0,0,0.1);
            display:block;
            width:100%;
            font-size:12px;
        }

.input-icon i{
            position:absolute;
            z-index:9;
            height:45px;
            line-height:45px;
            text-align:center;
            width:45px;
            color:#666666;
        }

/*Dropcaps*/

.dropcaps-1:first-letter{
            float:left;
            font-size:57px;
            padding:14px 15px 0px 0px;
            font-weight:800;
            color:#1f1f1f;
        }

.dropcaps-2:first-letter{
            font-family: 'Times New Roman', sans-serif;
            float:left;
            font-size:42px;
            padding:15px 15px 0px 0px;
            font-weight:800;
            color:#1f1f1f;
        }

.dropcaps-3:first-letter{
            background-color:#1f1f1f;
            padding:10px 15px 10px 15px;
            margin:5px 12px 0px 0px;
            float:left;
            font-size:24px;
            font-weight:800;
            color:#FFFFFF;
        }

.dropcaps-4:first-letter{
            font-family: 'Times New Roman', sans-serif;
            font-weight:800;
            background-color:#1f1f1f;
            padding:8px 17px 8px 17px;
            margin:5px 12px 0px 0px;
            float:left;
            font-size:20px;
            font-weight:400;
            color:#FFFFFF;
        }

/*Highlights*/
        .highlight{margin-bottom:10px;}
        .highlight span{padding:3px 5px 3px 5px; margin-right:2px;}
        ol ul{	padding-left:5px;}
        ol, ul{line-height:24px; margin-left:20px;}
        .icon-list{list-style:none; margin-left:0px; padding-left:0px;}
        .icon-list i{font-size:10px;}
        .icon-list ul{list-style:none; padding-left:10px;}
        .icon-list ul ul{padding-left:10px;}

/*Blockquotes*/
        .blockquote-1{border-left:solid 3px #ce0000; padding:10px; background-color: #f8f8f8;}
        .blockquote-1 a{text-align:right; margin-top:-20px;  font-size:12px;}
        .blockquote-1 p{
            margin-bottom: 0;
            color: #111;
            font-weight: 600;
        }
        .blockquote-2 .blockquote-image{position:absolute; border-radius:50px;}
        .blockquote-2 h5{padding-left:60px;}
        .blockquote-2 .first-icon{padding-left:60px;}
        .blockquote-2 a{text-align:right; margin-top:-20px; font-size:12px;}
        .blockquote-3 .blockquote-image{width:150px; border-radius:150px; margin:0 auto; display:block;}
        .blockquote-3 h5{margin:10px 0px 10px 0px;}
        .blockquote-3 .ratings{width:100px; margin:10px auto 10px auto;}
        .blockquote-3 .ratings i{font-size:18px;}
        .blockquote-4 i{font-size:24px; position:absolute; margin-top:10px;}
        .blockquote-4 p{padding-left:50px;}

/*Buttons*/
        .button{
            display:inline-block;
            padding:13px 20px;
            margin:0px 0px 10px 0px;
            font-size:12px;
            transition:all 250ms ease;
        }

.button-3d{
            display:inline-block;
            padding:12px 20px;
            margin:0px 0px 10px 0px;
            font-size:12px;
            transition:all 250ms ease;
            border-right:none;
            border-left:none;
            border-top:none;
            border-width:4px;
        }

.button-round{border-radius:30px;}
        .button-full{display: block; text-align: center;}
        .button-center{width:130px; margin-left:auto; margin-right:auto; display:block; text-align:center;}
        .button:hover{opacity:0.9; transition:all 250ms ease;}

.icon-square, .icon-round{
            width:40px;
            height:40px;
            line-height:40px;
            text-align:center;
            display:inline-block;
            margin-left:6px;
            margin-right:6px;
            margin-bottom:10px;
            font-size:14px;
        }
        .icon-square:hover, .icon-round:hover{opacity:0.9;}
        .icon-round{border-radius:45px;}

/*Page 404*/
        .page-404 h1{font-size:60px; line-height:70px; margin-top:70px;}
        .page-404 a{margin-bottom:100px;}
        .page-soon h1{font-size:60px; line-height:70px; margin-top:70px;}
        .page-soon h6{font-size:24px;}
        .page-soon .social-icons{margin-bottom:100px;}

/*Profile Page*/

.profile-gradient{
            background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.95) 75%,rgba(255,255,255,1) 100%);
            background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.95) 75%,rgba(255,255,255,1) 100%);
            background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.95) 75%,rgba(255,255,255,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0);
            height: 250px;
            margin-top: -235px;
        }

.profile-overlay .profile-header{margin-top:-80px}
        .profile-header h1{font-size:30px;}
        .profile-header h6{letter-spacing:2px; opacity:0.5;}
        .profile-header h5{font-size:12px;}
        .profile-header i{margin-right:10px;}
        .profile-header p{font-size:18px;}
        .profile-followers a{float:left; width:33%; color:#1f1f1f; font-size:18px;}
        .profile-followers em{display:block; font-style:normal; font-size:12px;}
        .profile-thumb{margin-top:-50px; width:100px; margin-left:auto; margin-right:auto; display:block; border-radius:100px; border-radius:100px; border:solid 3px #FFFFFF;}

/*Timeline 1*/

.timeline-1{overflow:hidden; padding:0px }

.timeline-1 .timeline-deco{
            position:absolute;
            top:0px;
            left:50%;
            width:1px;
            bottom:0px;
            background-color:rgba(0,0,0,0.15);
        }

.timeline-1 .timeline-icon{
            width:60px;
            height:60px;
            border-radius:60px;
            line-height:60px;
            text-align:center;
            font-size:18px;
            background-color:#FFFFFF;
            box-shadow: 0 2px 5px 1px rgba(0,0,0,0.1);
            margin:0px auto 30px auto;
        }

.timeline-1 .container{background-color:#FFFFFF; padding:30px 20px 20px 20px; box-shadow: 0 2px 5px 1px rgba(0,0,0,0.1);}
        .timeline-2{overflow:hidden; padding:50px 20px 0px 20px; margin-top:-25px; margin-bottom:50px;}

.timeline-2 .timeline-deco{
            top:0px;
            position:absolute;
            left:50px;
            width:1px;
            bottom:0px;
            background-color:rgba(0,0,0,0.15);
        }

.timeline-2 .timeline-icon{
            width:40px;
            height:40px;
            border-radius:40px;
            line-height:40px;
            text-align:center;
            font-size:18px;
            background-color:#FFFFFF;
            border:solid 1px rgba(0,0,0,0.2);
            margin-left:10px;
        }

.timeline-2 .container{
            background-color:#FFFFFF;
            margin-left:70px;
            margin-top:-60px;
            padding:10px;
            box-shadow: 0 2px 5px 1px rgba(0,0,0,0.1);
        }

/*News Slider*/

.news-slider .amp-carousel-button{display:none;}
        .news-slider{margin-bottom:10px;}

/*News Thumbs*/

.news-thumbs .news-item{
            min-height:75px;
            color:#1f1f1f;
        }

.news-thumbs .news-item .responsive-img{
            width:95px;
            position:absolute;
            margin-top:5px;
        }

.news-thumbs .news-item h5{
            margin-left:105px;
            font-size:15px;
            line-height: 1.4;
            padding-top: 15px;
        }

.news-thumbs .news-item p{
            margin-left:110px;
            line-height:27px;
            margin-bottom:0px;
            height: 50px;
            font-size:13px;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

/*News Strip*/

.news-strip{
            background-color:#000000;
            margin-bottom:15px;
        }

.news-strip h5{
            font-weight:800;
            color:#FFFFFF;
            padding:10px 0;
        }

/*News Cateogry*/
        .material-box-full .news-category{
            width: 90%;
            margin: 0 auto;
        }
        .news-category p{
            display:inline-block;
            padding:5px 15px 0px 15px;
            font-size:16px;
            font-weight: 600;
            margin:0px;
        }

.news-category div{
            height:5px;
            width:100%;
        }

/*News Block*/

.news-blocks .news-item{
            min-height:125px;
            color:#1f1f1f;
        }

.news-blocks .news-item h5{
            font-size:18px;
            padding:15px 0px 5px 0px;
        }

/*News full*/

.news-full .news-item{margin-top:1px;}

.news-full .news-item h6{
            position:absolute;
            background-color:rgba(0,0,0,0.8);
            bottom:0px;
            width:100%;
            color:#FFFFFF;
            padding:10px 10px 10px 10px;
        }

.news-full .titles{
            position:absolute;
            background-color:#FFFFFF;
            width:250px;
            height:65px;
            margin-top:-65px;
        }

.news-full h5{
            font-size:13px;
            padding:10px 20px 0px 20px;
            color:#000000;
        }
        .news-full em a{display:inline;}
        .news-full em{font-size:10px; padding-left:20px; display:block;}
        .news-full p{padding:10px 20px 0px 20px;}
        .news-full .read-more{
            padding-right:20px;
            text-align:right;
            font-size:12px;
            padding-bottom:30px;
        }

/*News Posts*/

.news-post-info{
            font-style:normal;
            font-size:16px;
            padding:7px 0 0 0;
            display:block;
            font-weight: 500;
        }

.news-post-info a{
            display:inline;
            color: #ce0000;

}

/*Contact Page*/

.contactField{
            font-family:'Roboto', sans-serif;
            height:40px;
            line-height:40px;
            line-height:100%;
            width:100%;
            display:block;
            border:solid 1px rgba(0,0,0,0.1);
            text-indent:10px;
            font-size:13px;
            transition:all 250ms ease;
            margin-bottom:20px;
        }

.contactField:focus{
            border:solid 1px rgb(39, 174, 96);
            transition:all 250ms ease;
        }

.contactTextarea{
            font-family:'Roboto', sans-serif;
            padding-top:10px;
            min-height:80px;
            line-height:40px;
            line-height:100%;
            width:100%;
            display:block;
            border:solid 1px rgba(0,0,0,0.1);
            text-indent:10px;
            font-size:13px;
            transition:all 250ms ease;
            margin-bottom:30px;
        }

.contactTextarea:focus{
            transition:all 250ms ease;
            border:solid 1px rgb(39, 174, 96);
        }

.field-title{
            font-size:13px;
            margin-bottom:5px;
        }

.field-title span{
            font-size:10px;
            color:#cacaca;
            position:absolute;
            right:0px;
            margin-top:2px;
        }

.buttonWrap{
            width:100%;
            display:block;
            text-align:center;
            margin-bottom:0px;
            appearance:none;
            -webkit-appearance:none;
        }

.contact-icon{
            color:#666666;
            line-height:30px;
        }

.contact-icon i{
            color:#1f1f1f;
            width:30px;
        }

/*Cover Pages*/

.cover-clear{height:40px;}

.cover-1{
            padding:90px 40px 0px 40px;
        }

.cover-1 h1{
            font-size:30px;
            color:#FFFFFF;
        }

.cover-1 h6{
            font-size:16px;
            color:#FFFFFF;
            padding:10px 0px 30px 0px;
            font-weight:300;
        }

.cover-1 p{
            font-size:15px;
            font-weight:300;
            color:#a7a7a7;
            line-height:35px;
            margin-bottom:50px;
        }

.cover-1 .button{
            border:solid 1px rgba(255,255,255,0.2);
            color:#FFFFFF;
            margin-right:10px;
        }

.cover-2{padding-top:0px;}

.cover-2 h1{
            color:#FFFFFF;
            font-size:30px;
            font-weight:300;
            text-align:center;
            padding-top:30px;
        }

.cover-2 h6{
            color:#c1c1c1;
            font-style: italic;
            font-size:13px;
            font-weight:300;
            text-align:center;
            padding:0px 0px 20px 0px;
        }

.cover-2 p{
            font-size:15px;
            text-align:center;
            line-height:36px;
            color:#c1c1c1;
            padding:30px 35px 40px 35px;
            font-weight:300;
        }

.cover-3{
            padding:20px 20px 20px 20px;
            background-color:#FFFFFF;
            margin:40px;
            border-radius:7px;
        }

.cover-3 amp-img{
            margin:0 auto;
            display:block;
        }

.cover-3 h1{
            font-size:24px;
            text-align:center;
            padding:20px 0px 0px 0px;
        }

.cover-3 em{
            font-size:12px;
            display:block;
            text-align:center;
            margin-bottom:20px;
        }

.cover-3 p{
            text-align:center;
            font-size:16px;
            font-weight:300;
            padding:0px 5px 0px 5px;
        }

.cover-3 .socials{
            transform:scale(0.8, 0.8);
            width:210px;
            margin:0 auto;
        }

.cover-3 .socials a{
            margin-left:4px;
            margin-right:4px;
        }

.cover-4 h1{
            color:#FFFFFF;
            text-align:center;
            font-weight:300;
            font-size:36px;
            margin:10px 0px 10px 0px;
        }

.cover-4 em{
            color:#FFFFFF;
            text-align:center;
            font-style:normal;
            display: block;
            font-size:12px;
            text-transform: uppercase;
            letter-spacing:1px;
            font-weight:300;
        }

.cover-4 strong{
            color:#969696;
            text-transform:uppercase;
            font-weight:800;
            font-size:12px;
            text-align:center;
            display:block;
            margin:20px 0px 30px 0px;
        }
        .cover-4 strong i{
            padding-right:10px
        }

.cover-4 p{
            padding:40px 30px 40px 30px;
            color:#FFFFFF;
            line-height:36px;
            text-align:center;
            font-weight:300;
            font-size:16px;
        }

.cover-4 a{
            font-size:13px;
            width:170px;
            margin:0 auto;
        }

.cover-5 h1{
            color:#FFFFFF;
            font-size:40px;
            font-weight:300;
            text-align:center;
            padding-top:70px;
        }

.cover-5 em{
            display:block;
            text-align:center;
            color:#FFFFFF;
            font-size:12px;
            margin-top:10px;
            font-style: normal;
        }

.cover-5 p{
            padding:20px 30px 20px 30px;
            color:#a7a7a7;
            font-weight:300;
            text-align:center;
            font-size:16px;
            line-height:40px;
        }

.cover-socials a{
            width:35px;
            height:35px;
            border-radius:35px;
            float:left;
            text-align:center;
            line-height:35px;
            font-size:12px;
            margin:0px 5px 0px 5px;
        }

.cover-socials{
            width:230px;
            margin:40px auto 30px auto;
        }
    </style>
    <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
</head>
<body>
<header class="header-light">
    <button on="tap:sidebar.toggle" class="ampstart-btn caps m2 header-icon-1"><i class="fa fa-navicon"></i></button>
    <a style="text-align: center;padding-top:5px;width: 120px;margin: 0 auto;" title="{{ config('ayarlar.baslik') }}" class="nav-brand mobile-logo" href="{{ url('/') }}">
        <amp-img class="responsive-img" width="120" height="40" title="{{ config('ayarlar.baslik') }}" src="{{ cdn('images/genel/'.config('ayarlar.logo')) }}" alt="{{ config('ayarlar.baslik') }}"></amp-img>
    </a>
</header>
<amp-sidebar id="sidebar" layout="nodisplay" side="left">
    <ul class="menu">
        <li class="selected"><a href="{{ url('/') }}"><i class="fa fa-home"></i>ANA SAYFA</a></li>
        @foreach($kategoriler as $kategori)
        <li><a href="{{ url($kategori->slug) }}"><i class="fa fa-angle-right"></i>{{ $kategori->baslik }}</a></li>
        @endforeach
        <li><a href="{{ url('fotogaleri') }}"><i class="fa fa-camera"></i>Foto Galeri</a></li>
        <li><a href="{{ url('webtv') }}"><i class="fa fa-play"></i>Video Galeri</a></li>
        <li><a href="{{ url('iletisim') }}"><i class="fa fa-envelope"></i>İletişim</a></li>
    </ul>
    <div class="sidebar-deco"></div>
    <ul class="menu">
        <li><a target="_blank" href="https://twitter.com/{{ config('ayarlar.twkullanici') }}"><i class="fa fa-twitter"></i>Twitter</a></li>
        <li><a target="_blank" href="{{ config('ayarlar.fbsayfa') }}"><i class="fa fa-facebook"></i>Facebook</a></li>
        <li><a target="_blank" href="{{ config('ayarlar.instagram') }}"><i class="fa fa-instagram"></i>Instagram</a></li>
        <li><a target="_blank" href="{{ config('ayarlar.youtube') }}"><i class="fa fa-youtube"></i>Youtube</a></li>
    </ul>
    <div class="sidebar-deco"></div>
    <em class="sidebar-copyright">&copy; {{ config('ayarlar.copyright') }}</em>
</amp-sidebar>
<div class="page-content">

<amp-img alt="{{ $haberDetay->baslik }}" class="half-bottom" src="{{ url('images/haberler/'.$haberDetay->resim) }}" width="640" height="350" layout="responsive"></amp-img>

<div class="material-box">
        <h1 class="news-post-title">{{ $haberDetay->baslik }}</h1>
        <em class="news-post-info half-bottom"><a href="{{ url($haberDetay->haberkat->slug) }}">{{ $haberDetay->haberkat->baslik }}</a></em>

<div class="blockquote-1 full-bottom">
            <p>{{ $haberDetay->metadesc }}</p>
        </div>
        <div class="full-bottom">
        <amp-social-share type="facebook" width="45" height="33" data-param-app_id="396669644021144"></amp-social-share>
        <amp-social-share type="twitter" width="45" height="33"></amp-social-share>
        <amp-social-share type="whatsapp" width="45" height="33"></amp-social-share>
        <amp-social-share type="pinterest" width="45" height="33"></amp-social-share>
        <amp-social-share type="linkedin" width="45" height="33"></amp-social-share>
        </div>
        <div class="clear"></div>
        @if($haberDetay->embed != null)
            <div class="half-bottom">
                {!! $ampEmbed !!}
            </div>
        @endif
        {!! $ampDetay !!}
        <div class="clear"></div>
    </div>
    <div class="material-box">
        <div class="news-category">
            <p class="bg-red-dark">İlginizi Çekebilir</p>
            <div class="bg-red-dark half-bottom"></div>
        </div>
        <div class="half-bottom"></div>
        <div class="news-thumbs">
            @foreach($benzerHaberler as $cokoku)
            <a href="{{ url('amp/'.$cokoku->slug.'-'.$cokoku->id) }}" class="news-item">
                <amp-img class="responsive-img" src="{{ url('images/tn/'.$cokoku->resim) }}" width="95" height="60" alt="{{ $cokoku->baslik }}" layout="responsive"></amp-img>
                <h5>{{ \Illuminate\Support\Str::limit($cokoku->baslik,45) }}</h5>
            </a>
            @endforeach
        </div>
    </div>
    <a href="{{ url('/') }}" class="button button-full uppercase ultrabold bg-red-light">TÜM HABERLER</a>

</div>
<amp-analytics type="googleanalytics" id="analytics1">
    <script type="application/json">
        {
            "vars": {
                "account": "{{ config('ayarlar.analitik') }}"
            },
            "triggers": {
                "trackPageview": {
                    "on": "visible",
                    "request": "pageview"
                }
            }
        }
    </script>
</amp-analytics>
</body>
</html>

Ctrl+S ile kaydet