File: /home/muratemr/www/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>muratemresarıkaya.</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
<link href="https://fonts.googleapis.com/css?family=Comfortaa:700" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link rel="stylesheet" href="index.css">
</head>
<body>
<div id="loading">
<div id="spinner"></div>
</div>
<div id="particles-js"></div>
<div id="box">
<div class="box1 onlywide animated bounceOutLeft" style="animation-delay:1.7s;"></div>
<div class="box2 onlywide animated bounceOutLeft" style="animation-delay:1.8s;"></div>
<div class="box2 onlywide animated bounceOutLeft" style="animation-delay:1.9s;"></div>
<div class="box2 animated bounceOutRight" style="animation-delay:1.9s;"></div>
<div class="box2 onlywide animated bounceOutRight" style="animation-delay:1.8s;"></div>
<div class="box2 onlywide animated bounceOutRight" style="animation-delay:1.7s;"></div>
</div>
<a id="about" onclick="showabout()" class="animated fadeIn" style="animation-delay:2.2s;">hakkımda</a>
<a id="work" onclick="showwork()" class="animated fadeIn" style="animation-delay:2.2s;">çalışmalarım</a>
<a id="contact" onclick="showcontact()" class="animated fadeIn" style="animation-delay:2.2s;">iletişim</a>
<div id="middle" class="animated slideInDown" style="animation-delay:2.0s;">
<h1>muratemresarıkaya.</h1>
<h2>İnsan / Mimar</h2>
<div id="menu">
<a onclick="showabout()">hakkımda</a>
<a onclick="showwork()">çalışmalarım</a>
<a onclick="showcontact()">iletişim</a>
</div>
<table>
<tr>
<td class="animated zoomIn" style="animation-delay:2.2s;"><a href="http://facebook.com/muratemresarikaya" target="_blank" class="social"><i class="fab fa-facebook"></i></a></td>
<td class="animated zoomIn" style="animation-delay:2.4s;"><a href="http://twitter.com/sarikayaemre" target="_blank" class="social"><i class="fab fa-twitter"></i></a></td>
<td class="animated zoomIn" style="animation-delay:2.6s;"><a class="social"><i class="fab fa-instagram"></i></a></td>
<td class="animated zoomIn" style="animation-delay:2.4s;"><a href="https://tr.pinterest.com/muratemresarikaya/" target="_blank" class="social"><i class="fab fa-pinterest"></i></a></td>
<td class="animated zoomIn" style="animation-delay:2.4s;"><a href="https://tr.linkedin.com/in/murat-emre-sar%C4%B1kaya-165645169" target="_blank" class="social"><i class="fab fa-linkedin"></i></a></td>
<td class="animated zoomIn" style="animation-delay:2.4s;"><a href="https://www.youtube.com/channel/UCTjp2YShdj9cIlsMcbH9tLQ?view_as=subscriber" target="_blank" class="social"><i class="fab fa-youtube"></i></a></td>
<td class="animated zoomIn" style="animation-delay:2.4s;"><a href="mailto:muratemre@live.com" target="_blank" class="social"><i class="far fa-envelope"></i></a></td>
</tr>
</table>
</div>
<div id="work_container" class="container">
<div onclick="closework()"><i class="fas fa-angle-right"></i></div>
<h1>çalışmalarım.</h1>
<section>
<h2>yaptığım çalışmalar</h2>
<p>
Burayı bi'ara düzenlemeyi düşünüyorum şimdilik böyle boş kalsın.
</p>
<button class="btn_one">Falan</button>
<button class="btn_one">Filan</button>
</section>
</div>
<div id="about_container" class="container">
<div onclick="closeabout()"><i class="fas fa-angle-left"></i></div>
<h1>hakkımda.</h1>
<section>
<h2>benim hakkımda</h2>
<p>
14 Şubat 1992 yılı Üsküdar/İstanbul doğumluyum. Sırasıyla İstanbul Yıldırım Beyazıt İlköğretim Okulu, İzmit Gazi Lisesi, Afyon Kocatepe Üniversitesi, Kocaeli Üniversitesi, Eskişehir Anadolu Üniversitesi, Bilecik Şeyh Edebali Üniversitesi, Erzurum Atatürk Üniversitesi, İstanbul Okan Üniversitesi'nde okudum.
</p>
<p>
Farklı alanlarda farklı uğraşlarda bulunmaktan keyif alıyor ve öğrenmenin ömür boyu süreceğini savunuyorum. Her konuda bilgi sahibi olmak adına araştırmaktan ve yeni bilgiler edinmekten hiç çekinmiyorum.
</p>
</section>
<section>
<h2>Beceriler</h2>
<p>
Ben her şeyi yapabilirim ;)
</p>
</section>
</div>
<div id="contact_container" class="container">
<div onclick="closecontact()"><i class="fas fa-angle-down"></i></div>
<h1>iletişim.</h1>
<section>
<h2>benimle iletişime geç</h2>
<p>
<form>
<input type="text" placeholder="isim" required>
<input type="email" placeholder="e-posta" required><br>
<textarea placeholder="mesaj" required rows="5"></textarea><br>
<button class="btn_one">yolla</button>
</form>
</p>
</section>
</div>
<div id="footer">
yeryüzünde yaşayan bir insan tarafından yapılmıştır <br> <a href="https://muratemresarikaya.com.tr">muratemresarıkaya</a>
</div>
<script src="index.js" type="text/javascript"></script>
<script src="particles.js"></script>
<script src="app.js"></script>
</body>
</html>