Uğur Arıcı'nın Kendi Bağlantım projesinin yeni hali için çalışma deposu
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

<!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>