API tools faq
paste
ghiwar

artikel-layout.blade.php

ghiwar
May 12th, 2020
129
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.90 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <!-- Required meta tags -->
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7. <!-- Bootstrap CSS -->
  8. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
  9. <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  10. <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  11. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  12. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" />
  13. <meta name="msvalidate.01" content="B1B84E025CBA3F9C1B401F515E060E5F" />
  14. <link href="{{ collect(['https://bit.ly/2WoxWd4', 'https://bit.ly/3aUzUHf', 'https://bit.ly/3aYMFjU', 'https://bit.ly/2YBKu3x', 'https://bit.ly/2SpRjAY'])->random() }}" rel="shortcut icon" type="image/x-icon">
  15. <style type="text/css">
  16. body,html{font-family:Raleway,sans-serif;font-size:14px;font-weight:400;color:#f1f2f3;background:#111}img{max-width:100%}.header{padding-bottom:13px;margin-bottom:13px}.container{max-width:900px}.navbar{margin-bottom:25px;background:#111!important;color:#f1f2f3;border-bottom:1px solid #212121}.navbar li:hover{background:#222}.navbar .navbar-brand{margin:0 20px 0 0;font-size:28px;padding:0;line-height:24px}.row.content,.row.footer,.row.header{widthx:auto;max-widthx:100%}.row.footer{border-color:#212121;padding:30px 0;background:0 0}.content .col-sm-12{padding:0}.content .col-md-9s{margin-right:-25px}.content .col-md-3{padding-left:0}.posts-image{width:33%;display:inline-table}.posts-image-content{width:auto;margin:0 20px 25px 0;position:relative}.posts-image:nth-childs(3n) .posts-image-content{margin:0 0 25px!important}.posts-image img{width:100%;height:150px;object-fit:cover;object-position:center;margin-bottom:10px;-webkit-transition:.6s ease;transition:.6s ease}.posts-image:hover img{-webkit-transform:scale(1.08);transform:scale(1.08)}.list-group li{padding:0;background:#121212}.list-group li a{display:block;padding:8px}.widget{margin-bottom:20px}h3.widget-title{font-size:20px}a{color:#f42966;text-decoration:none}.footer{margin-top:21px;padding-top:13px;border-top:1px solid #eee}.footer a{margin:0 15px}.navi{margin:13px 0}.navi a{margin:5px 2px;font-size:95%}@media only screen and (min-width:0px) and (max-width:991px){.container{width:auto;max-width:100%}.navbar{padding:5px 0}.navbar .container{width:100%;margin:0 15px}}@media only screen and (min-width:0px) and (max-width:767px){.content .col-md-3{padding:15px}.posts-image{width:33%}.posts-image-content{margin:0 16px 25px 0}.posts-image:nth-child(3n) .posts-image-content{margin:0 0 25px}}@media only screen and (min-width:0px) and (max-width:640px){.posts-image{width:49.5%}.posts-image-content,.posts-image:nth-child(3n) .posts-image-content{margin:0 8px 25px 0}.posts-image:nth-child(2n) .posts-image-content{margin:0 0 25px 8px!important}}@media only screen and (min-width:0px) and (max-width:360px){.posts-image{width:100%}.posts-image-content,.posts-image:nth-child(2n) .posts-image-content,.posts-image:nth-child(3n) .posts-image-content{margin:0 0 25px!important}.posts-image-content img{height:auto}}
  17. .btn {
  18. background-color: DodgerBlue;
  19. border: none;
  20. color: white;
  21. padding: 0px 30px;
  22. cursor: pointer;
  23. font-size: 0px;
  24. visibility: hidden;
  25. margin-bottom: 0px;
  26. margin-top: 0px;
  27. }
  28.  
  29. /* Darker background on mouse-over */
  30. .btn:hover {
  31. background-color: RoyalBlue;
  32. }
  33. .btn2 {
  34. background-color: DodgerBlue;
  35. border: none;
  36. color: white;
  37. padding: 15px 30px;
  38. cursor: pointer;
  39. font-size: 20px;
  40. margin:10px 0px;
  41. }
  42.  
  43. /* Darker background on mouse-over */
  44. .btn2:hover {
  45. background-color: RoyalBlue;
  46. }
  47. .text-left{text-align:left!important}
  48. .row {
  49. display: -ms-flexbox; /* IE10 */
  50. display: flex;
  51. -ms-flex-wrap: wrap; /* IE10 */
  52. flex-wrap: wrap;
  53. padding: 0 4px;
  54. }
  55.  
  56. /* Create four equal columns that sits next to each other */
  57. .column {
  58. -ms-flex: 25%; /* IE10 */
  59. flex: 25%;
  60. max-width: 25%;
  61. padding: 0 4px;
  62. }
  63.  
  64. .column img {
  65. margin-top: 8px;
  66. vertical-align: middle;
  67. }
  68.  
  69. /* Responsive layout - makes a two column-layout instead of four columns */
  70. @media screen and (max-width: 800px) {
  71. .column {
  72. -ms-flex: 50%;
  73. flex: 50%;
  74. max-width: 50%;
  75. }
  76. }
  77.  
  78. /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
  79. @media screen and (max-width: 600px) {
  80. .column {
  81. -ms-flex: 100%;
  82. flex: 100%;
  83. max-width: 100%;
  84. }
  85. }
  86. </style>
  87. @yield('head')
  88. @include('header')
  89. </head>
  90. <body>
  91. <nav class="navbar navbar-expand-lg navbar-dark bg-light ">
  92. <div class="container">
  93. <a href="/" class="navbar-brand">{{ site_name() }}</a>
  94. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  95. <span class="navbar-toggler-icon"></span>
  96. </button>
  97. <div class="collapse navbar-collapse" id="navbarSupportedContent">
  98. <ul class="navbar-nav ml-auto">
  99. @foreach(pages() as $page)
  100. <li class="nav-item"><a class="nav-link" href="{{ page_url($page) }}">{{ ucwords(str_replace('-', ' ', $page)) }}</a></li>
  101. @endforeach
  102. <li class="nav-item"><a class="nav-link" href="/sitemap.xml">Sitemap</a></li>
  103. </ul>
  104. </div>
  105. </div>
  106. </nav>
  107. <div class="container">
  108. <div class="row content">
  109. <p class="text-center"><!--ads/link.txt--></p>
  110. <div class="col-md-12">
  111. <div class="col-sm-12">
  112.  
  113. @yield('header')
  114. @include('related')
  115.  
  116. </div>
  117. <div class="col-sm-12">
  118. @yield('content')
  119. </div>
  120. </div>
  121. </div>
  122. <p class="text-center"><!--ads/link.txt--></p>
  123. <h3>Kunci Jawaban Terkait :</h3>
  124. <div class="row">
  125.  
  126. <div class="col">
  127. <ul class="list-group">
  128. @foreach(collect(keywords())->shuffle()->take(50)->chunk(3) as $chunked)
  129. @foreach($chunked as $keyword)
  130. <li class="list-group-item"><a href="{{ image_url($keyword) }}">{{ ucwords($keyword) }}</a></li>
  131. @endforeach
  132. @endforeach
  133. </ul>
  134. </div>
  135. <div class="col">
  136. <ul class="list-group">
  137. @foreach(collect(keywords())->shuffle()->take(50)->chunk(3) as $chunked)
  138. @foreach($chunked as $keyword)
  139. <li class="list-group-item"><a href="{{ image_url($keyword) }}">{{ ucwords($keyword) }}</a></li>
  140. @endforeach
  141. @endforeach
  142. </ul>
  143. </div>
  144. </div>
  145. <div class="row footer">
  146. <div class="col-md-12 text-center">
  147. @foreach(pages() as $page)
  148. <a href="{{ page_url($page) }}">{{ ucwords(str_replace('-', ' ', $page)) }}</a>
  149. @endforeach
  150. </div>
  151. <!-- Histats.com START (aync)-->
  152. <script type="text/javascript">var _Hasync= _Hasync|| [];
  153. _Hasync.push(['Histats.start', '1,4402811,4,0,0,0,00010000']);
  154. _Hasync.push(['Histats.fasi', '1']);
  155. _Hasync.push(['Histats.track_hits', '']);
  156. (function() {
  157. var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true;
  158. hs.src = ('//s10.histats.com/js15_as.js');
  159. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);
  160. })();</script>
  161. <noscript><a href="/" target="_blank"><img src="//sstatic1.histats.com/0.gif?4402811&101" alt="" border="0"></a></noscript>
  162. <!-- Histats.com END -->
  163. </div>
  164. </div>
  165. @include('bar')
  166. @include('footer')
  167. </body>
  168. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!