WebSite

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>
CSS
JAVASCRIPT
Expand for more options Login