HTML
<!DOCTYPE html>
<html>
<head>
<title>Cv</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Merienda">
<style>
html,body,h1,h2,h3,h4,h5,h6 {font-family: 'Merienda', cursive;}
#l1{
list-style-type: none;
}
a{
color: #003b6f;
text-decoration: none;
cursor: auto;
}
#a1{
color: white;
text-decoration: underline;
cursor: auto;
}
#p1 {
opacity: 0.5;
text-decoration: underline;
}
div.res{
margin: 5px;
border: 1px solid #ccc;
float: left;
width: 180px;
}
div.res img{
width:100%;
height:auto;
}
div.desc{
padding:15px;
text-align:center;
}
</style> </head>
<body class="w3-light-grey">
<!-- Page Container -->
<div class="w3-content w3-margin-top" style="max-width:1400px;">
<!-- The Grid -->
<div class="w3-row-padding">
<!-- Left Column -->
<div class="w3-third">
<div class="w3-white w3-text-grey w3-card-4">
<div class="w3-display-container"> <img src="https://png.pngtree.com/svg/20170602/avatar_107646.png"
style="width:100%" alt="Avatar">
<div class="w3-display-bottomleft w3-container w3-text-black">
<h2>N.Sefa Dönmezcan</h2>
</div>
</div>
<div class="w3-container">
<p><i class="fa fa-briefcase fa-fw w3-margin-right w3-large w3-text-teal"></i>Öğrenci</p>
<p><i class="fa fa-home fa-fw w3-margin-right w3-large w3-text-teal"></i>Sivas,
TR</p>
<p><i class="fa fa-envelope fa-fw w3-margin-right w3-large w3-text-teal"></i>ex@mail.com</p>
<p><i class="fa fa-phone fa-fw w3-margin-right w3-large w3-text-teal"></i>1224435534</p>
<hr>
<p class="w3-large"><b><i class="fa fa-asterisk fa-fw w3-margin-right w3-text-teal"></i>Yetenekler</b></p>
<p>HTML</p>
<div class="w3-light-grey w3-round-xlarge w3-small">
<div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:60%">60%</div>
</div>
<p>C</p>
<div class="w3-light-grey w3-round-xlarge w3-small">
<div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:40%">40%</div>
</div>
<p>C++</p>
<div class="w3-light-grey w3-round-xlarge w3-small">
<div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:45%">
<div class="w3-center w3-text-white">45%</div>
</div>
</div>
<p>C#</p>
<div class="w3-light-grey w3-round-xlarge w3-small">
<div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:65%">65%</div>
</div>
<p>Autodesk 3ds Max</p>
<div class="w3-light-grey w3-round-xlarge w3-small">
<div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:75%">75%</div>
</div>
<br>
<hr>
<p class="w3-large w3-text-theme"><b><i class="fa fa-globe fa-fw w3-margin-right w3-text-teal"></i>Diller</b></p>
<p>Türkçe</p>
<div class="w3-light-grey w3-round-xlarge">
<div class="w3-round-xlarge w3-teal" style="height:24px;width:95%"></div>
</div>
<p>İngilizce</p>
<div class="w3-light-grey w3-round-xlarge">
<div class="w3-round-xlarge w3-teal" style="height:24px;width:80%"></div>
</div>
<br>
</div>
</div>
<br>
<div class="w3-container w3-card w3-white">
<h2 class="w3-text-grey w3-padding-16"><i class="fa fa-certificate fa-fw w3-margin-right w3-xxlarge w3-text-teal"></i>Eğitim</h2>
<div class="w3-container">
<h5 class="w3-opacity"><b>Cumhuriyet Üniversitesi Sivas Meslek
Yüksek Okulu Bilgisayar Programcılığı</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>2017
- Devam Ediyor</h6>
<p></p>
<hr>
<h5 class="w3-opacity"><b>Fidan Yazıcıoğlu Kültür Merkezi Keman
Kursu</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>2018
- Devam Ediyor</h6>
<p></p>
<hr>
<h5 class="w3-opacity"><b>Sivas Sehit Ahmet Eyce Mesleki ve Teknik
Anadolu Lisesi</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>2012
- 2016</h6>
<ul>
<li>Bilgisayar Bölümü </li>
<ul>
<li>Veri Tabanı Programcılığı </li>
</ul>
</ul>
<hr>
<h5 class="w3-opacity"><b>Sivas Yavuz Sultan Selim Ortaokulu</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>2004
- 2012</h6>
<p></p>
</div>
</div>
<br>
<div class="w3-container w3-card w3-white">
<h2 class="w3-text-grey w3-padding-16"><img src="https://cdn0.iconfinder.com/data/icons/kameleon-free-pack-rounded/110/Party-Poppers-512.png"
height="40" width="40"> İlgi Alanlarım</h2>
<div class="w3-container">
<ul id="l1">
<li><img src="https://cdn1.iconfinder.com/data/icons/school-outline-hand-drawn/70/icon_sets_school_outline_hand_drawn_iconfinder-21-512.png"
height="21" width="21"> Fizik ,<ul>
<li id="l1"><img src="https://cdn4.iconfinder.com/data/icons/space-and-astronomy-1/800/telescope-512.png" height="21" width="21">Astronomi</li>
</ul></li>
<li><img src="https://cdn3.iconfinder.com/data/icons/linecons-free-vector-icons-pack/32/music-512.png"
height="21" width="21"> Müzik ,<ul>
<li id="l1"><img src="https://cdn0.iconfinder.com/data/icons/music-icons-1/512/Violin.png" height="21" width="21">Keman</li>
</ul></li>
<li><img src="https://cdn4.iconfinder.com/data/icons/evil-icons-user-interface/64/picture-512.png"
height="21" width="21"> Resim ,</li>
</ul>
</div>
</div>
<br>
<!-- End Left Column --> </div>
<br>
<!-- Right Column -->
<div class="w3-twothird">
<div class="w3-container w3-card w3-white w3-margin-bottom">
<h2 class="w3-text-grey w3-padding-16"><i class="fa fa-suitcase fa-fw w3-margin-right w3-xxlarge w3-text-teal"></i>Çalışmalarım</h2>
<div class="w3-container">
<h5 class="w3-opacity"><b>C++ For Döngüsü Çalısması</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>May 2018</h6>
<p>Girilen degerlerin ortalamasını bulup, ortalamadan küçük
degerleri sıfırlayan C++ programı.</p>
<a href="/Users/Dorin/OneDrive/Masa%C3%BCst%C3%BC/w1.html">Devamı...</a>
<hr> </div>
<div class="w3-container">
<h5 class="w3-opacity"><b>Sonsuz Karanlık Öncesi Son Isık - Beyaz Cüceler</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>May 2017</h6>
<p><i>-Her seyin bir sonu vardır. Evrenin bile. Fakat uzak bir gelecekte beyaz cüceler olarak adlandırılan çökmüs yıldızlar hala etraflarına ısık saçarak yasamın son kaynagı olacaklar.</i></p>
<p><b>Türkçe'ye çevirisinde katkıda bulundugum Kurzgesagt kanalına ait video...</b></p>
<p id="p1">(Sağ altda bulunan <img src="https://cdn2.iconfinder.com/data/icons/font-awesome/1792/cc-512.png" height="16" width="16"> simgesine tıklayarak altyazıları açabilir, <img src="https://cdn4.iconfinder.com/data/icons/font-awesome-2/2048/f085-512.png" height="16" width="16"> simgesine tıklayarak Türkçe'yi seçebilirsiniz.)</p>
<iframe width="720" height="360" src="https://www.youtube.com/embed/qsN1LglrX9s"></iframe>
<hr> </div>
<div class="w3-container">
<h5 class="w3-opacity"><b>Autodesk 3ds Max Keman Çizimi</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>Ekim 2018 - Ocak 2019</h6>
<p>Consectetur adipisicing elit. Praesentium magnam consectetur
vel in deserunt aspernatur est reprehenderit sunt hic. Nulla
tempora soluta ea et odio, unde doloremque repellendus iure,
iste.</p>
<hr> </div>
<div class="w3-container">
<h5 class="w3-opacity"><b>Resim Dersi Çizimlerim</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>Ekim
2018 - Ocak 2019</h6>
<div class="res">
<a target="_blank" href="">
<img src="http://www.w3schools.com/howto/img_nature_wide.jpg" style="width:100%"></a>
<div class="desc">asdfasdf</div>
</div>
<div class="res">
<a target="_blank" href="">
<img src="http://www.w3schools.com/howto/img_fjords_wide.jpg" style="width:100%"></a>
<div class="desc">dfsffdsf</div>
</div>
<div class="res">
<a target="_blank" href="">
<img src="http://www.w3schools.com/howto/img_mountains_wide.jpg" style="width:100%"></a>
<div class="desc">asdfadfsg</div>
</div>
<hr> </div>
<hr>
<div class="w3-container">
<h2 class="w3-text-grey w3-padding-16"><img src="https://cdn0.iconfinder.com/data/icons/kameleon-free-pack-rounded/110/Checklist-512.png"
height="40" width="40"> Favori Seçimlerim</h2>
<ul>
<li>Favori Televizyon Dizisi :<a href=""> Doctor Who </a>,</li>
<li>Favori Film : Star Wars ,</li>
<li>Favori Kitap : Otostopçunun Galaksi Rehberi ,</li>
<li>Favori Bestekâr :<a href=""> Ludwig van Beethoven</a>,</li>
<li>Favori Müzik Eseri : The Symphony No. 6 in F major, Op. 68,
Pastoral (Ludwig van Beethoven) , <a href="B6.mp3" target="_blank">Demoyu Dinle</a></li>
<li>Favori Piyanits : Fazıl Say , <a href="F.mp3" target="_blank">Fazıl Say Beethoven - Appassionata - 3rd - Movement</a></li>
<li>Favori Resim Eseri :<a href=""> Yıldızlı Gece (Vincent van
Gogh)</a></li>
</ul>
</div>
<div class="w3-container">
<h2 class="w3-text-grey w3-padding-16" height="40" width="40">PlayList</h2>
<iframe src="https://open.spotify.com/embed/album/3i1MhrHSd1EC1neptXbhGh" width="300" height="80" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
<!-- End Right Column --> </div>
<!-- End Grid --> </div>
<!-- End Page Container --> </div>
<footer class="w3-container w3-teal w3-center w3-margin-top">
<p>Powered by <a id="a1" href="https://www.w3schools.com/w3css/default.asp"
target="_blank">w3.css</a></p>
</footer>
</body>
</html>