Başlangıç

myfirstproject

dosyalar

  • one.jpg
    https://dosya.co/2ufkx8i9je8f/one.jpg.html
  • styl.css
    @import url(‘https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap’);*{ margin: 0; padding: 0;}.container{ background: url(“one.jpg”); height:100vh; background-size: 100% 100%;}.container .navbar{ width: 100%; height: 80px; background-color: #55928c}.navbar .logo{ display: inline-block; margin-left: 20px; margin-top: 20px;}.navbar ul{ float: right; margin-right: 20px;}.navbar .logo a{ text-decoration: none; font-size: 30px; font-style: sans-serif; color: white;}.navbar ul li{ list-style: none; display: inline-block; margin: 0 8px; line-height: 80px;}.navbar ul li a{Okumaya devam edin “styl.css”
  • index.html
    <!DOCTYPE html><html lang=”tr”><head> <meta charset=”UTF-8″> <title>Sayfa başlığı</title> <link rel=”stylesheet” href=”style.css”</head><body> <div class=”container”> <div class=”navbar”> <div class=”logo”> <a href=”#”>LOGO</a> </div> <ul> <li><a href=”#” class=”active”>Home Page</a></li> <li><a href=”#”>Services</a></li> <li><a href=”#”>Abaout</a></li> <li><a href=”#”>Contact</a></li> <li><a href=”#”>Products</a></li> </ul> </div> <div class=”center”> <h1>Simple Website</h1> <h2>WELCOME TO</h2> <div class=”buttons”> <button>More…</button> <button>Subscribe</button> </div> </div> </div></body></html>