Created
March 10, 2020 21:31
-
-
Save muhammed-kizilkaya/f9105cbff325f7e18cf15cbfbecf9fc3 to your computer and use it in GitHub Desktop.
WNvMNOJ
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <link rel="stylesheet" href="muhammed.css"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Muhammed Bayat</title> | |
| <div class="baslik"> | |
| <h1>Muhammed Bayat Etü Computer Engineer | |
| </h1> | |
| </div> | |
| <div class="divresim"> | |
| <img src="https://avatars0.githubusercontent.com/u/46926098?s=460&v=4" alt="" class="pp-img"> | |
| </div> | |
| <div class="satir"> | |
| <p1> | |
| <p3> Erzurum Teknik Üniversitesi Bilgisayar Mühendisliği 3.sınıf teknoloji, sanat, bilim</p3> | |
| <br> | |
| <p4> | |
| <P2>Organizasyon</P2> Nesnelerin interneti Deneyap tasarım ve üretim Robotik kodlama Teknofest 2019 <br></p4> | |
| <p5> | |
| <p2> Onur & Ödül </p2> Teşekkür belgesi alınma tarihi : Eyl 2019 onuru veren: Türkiye teknoloji takımı</p5> | |
| <br> | |
| <p6> | |
| <p2>Deneyim</p2> | |
| Türkiye Teknoloji Takımı Vakfı Coordinator Şirket Adı Türkiye Teknoloji Takımı Vakfı | |
| </p6> | |
| <p7><br> Bilgi işlem daire başkanlığı Şirket AdıErzurum Teknik Üniversitesi</p7> | |
| </p1> | |
| </div> | |
| <ul> | |
| <li><a href="">Home</a></li> | |
| <li><a href="">Ceng</a></li> | |
| <li><a href="">Etü</a></li> | |
| <li><a href="">Ders</a> | |
| <ul> | |
| <li><a href="">js</a></li> | |
| <li><a href="">css</a></li> | |
| <li><a href="">python</a></li> | |
| </ul> | |
| <li style="float:right"><a class="active">About</a></li> | |
| </ul> | |
| </head> | |
| <body> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body { | |
| background-image: url(https://cdn.hipwallpaper.com/i/9/44/S6kT0L.jpg); | |
| } | |
| div.baslik { | |
| position: absolute; | |
| bottom: 180px; | |
| width: 260px; | |
| height: 120px; | |
| left: 160px; | |
| font-size: 14px; | |
| top: 390px; | |
| color: rgba(107, 107, 106, 0.8); | |
| font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; | |
| } | |
| .pp-img { | |
| border-radius: 10%; | |
| width: 260px; | |
| height: 260px; | |
| position: absolute; | |
| left: 160px; | |
| top: 130px; | |
| } | |
| ul { | |
| list-style-type: none; | |
| margin: auto; | |
| padding: auto; | |
| overflow: auto; | |
| width: auto; | |
| height: 10%; | |
| background-color: #333; | |
| } | |
| li { | |
| float: left; | |
| } | |
| li a { | |
| display: block; | |
| color: white; | |
| text-align: center; | |
| padding: 14px 16px; | |
| text-decoration: none; | |
| } | |
| li a:hover { | |
| background-color: rgb(241, 198, 4); | |
| } | |
| .active { | |
| background-color: #4CAF50; | |
| } | |
| ul li ul { | |
| background-color: #2c3e50; | |
| display: none; | |
| position: absolute; | |
| width: auto; | |
| height: auto; | |
| } | |
| ul li:hover ul { | |
| display: block; | |
| } | |
| ul li li { | |
| background-color: rgb(53, 152, 233); | |
| } | |
| ul li:hover { | |
| background-color: rgb(241, 198, 4); | |
| } | |
| li ul li { | |
| display: block; | |
| } | |
| div.satir { | |
| position: absolute; | |
| width: 860px; | |
| height: 420px; | |
| left: 460px; | |
| font-size: 64px; | |
| top: 110px; | |
| color: rgba(107, 107, 106, 0.8); | |
| font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; | |
| } | |
| div.satir p2 { | |
| color: yellow; | |
| } | |
| div.satir p1 { | |
| font-size: medium; | |
| text-align: left; | |
| } | |
| div.satir p3 { | |
| background-attachment: fixed1; | |
| background-color: #780001; | |
| color: white; | |
| } | |
| div.satir p4 { | |
| background-attachment: fixed1; | |
| background-color: #B6A119; | |
| color: white; | |
| } | |
| div.satir p5 { | |
| background-attachment: fixed1; | |
| background-color: #616266; | |
| color: white; | |
| } | |
| div.satir p6 { | |
| background-attachment: fixed1; | |
| background-color: #0192AA; | |
| color: white; | |
| } | |
| div.satir p7 { | |
| background-attachment: fixed1; | |
| background-color: #B16D02; | |
| color: white; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment