You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
79 lines
2.4 KiB
79 lines
2.4 KiB
5 years ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="tr">
|
||
|
|
{{ block "head" . }}
|
||
|
|
{{ partial "head" . }}
|
||
|
|
{{ end }}
|
||
|
|
<body>
|
||
|
|
{{ block "header" . }}
|
||
|
|
{{ partial "header" . }}
|
||
|
|
{{ end }}
|
||
|
|
{{ block "features" . }}
|
||
|
|
{{ partial "features" . }}
|
||
|
|
{{ end }}
|
||
|
|
|
||
|
|
<section class="video" id="more-info-video">
|
||
|
|
<div class="container">
|
||
|
|
<div class="col-md-6">
|
||
|
|
<h1 class="video-title">Ortalama 20 dakika içinde <br> güvenli bağlantınız hazır</h1>
|
||
|
|
<div class="setup-steps">
|
||
|
|
<p><span>1</span>Sunucunuzu Kurun</p>
|
||
|
|
<p><span>2</span>Cihazlarınızı Yapılandırın</p>
|
||
|
|
<p><span>3</span>Güvenli ve Hızlı İnternetin Tadını Çıkarın!</p>
|
||
|
|
</div>
|
||
|
|
<p>
|
||
|
|
Çayınızı alın ve anlaşılır video yönlendirmeleri ile kendi VPN kurulumunuzu basit bir şekilde tamamlayın. İnternete hızlı ve güvenli bağlanın.
|
||
|
|
</p>
|
||
|
|
<a href="tutorial.html" target="_blank" class="btn btn-success btn-lg">Şimdi Başlayın</a>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="videoWrapper">
|
||
|
|
<iframe width="540" height="358" style="padding-top: 20px" src="https://www.youtube.com/embed/SusN8g45JiI" frameborder="0" allowfullscreen></iframe>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section class="devices">
|
||
|
|
<div class="container">
|
||
|
|
<div class="col-md-12 text-align">
|
||
|
|
<h1>Tüm cihazlarınızda kullanabilirsiniz.</h1>
|
||
|
|
<img src="assets/img/macos-logo.png" width="100">
|
||
|
|
<img src="assets/img/windows-logo.png" width="100">
|
||
|
|
<img src="assets/img/ios-logo.png" width="100">
|
||
|
|
<img src="assets/img/android-logo.png" width="100">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<!-- @todo: İcon koyulacak sosyal medya kısmına unutma!! -->
|
||
|
|
<section class="social-media">
|
||
|
|
<div class="">
|
||
|
|
<div class="col-md-6 social-media-box">
|
||
|
|
<a href="https://facebook.com/kendibaglantim" target="_blank"><div class="facebook">Mastodon'da takip edin</div></a>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6 social-media-box">
|
||
|
|
<a href="https://twitter.com/kendibaglantim" target="_blank"><div class="twitter">Twitter'da Takip Edin</div></a>
|
||
|
|
</div>
|
||
|
|
<div class="clear"></div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<div class="clear"></div>
|
||
|
|
|
||
|
|
{{ block "footer" . }}
|
||
|
|
{{ partial "footer" . }}
|
||
|
|
{{ end }}
|
||
|
|
{{ block "script" . }}
|
||
|
|
{{ partial "script" . }}
|
||
|
|
{{ end }}
|
||
|
|
<script type="text/javascript">
|
||
|
|
$(document).ready(function(){
|
||
|
|
$(".more-info").click(function(e) {
|
||
|
|
e.preventDefault();
|
||
|
|
$('html, body').animate({
|
||
|
|
scrollTop: $("#more-info-video").offset().top
|
||
|
|
}, 500);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|