Scribd Logo
Upload

Welcome to Scribd!

  • Tik

    Uploaded by

    Angjelo Semanjaku
    6 views3 pages

    Original Title

    tik

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    6 views3 pages

    Tik

    Uploaded by

    Angjelo Semanjaku

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    <!

    DOCTYPE html>

    <html>

    <head>

    <title>Shabllon Web</title>

    <style>

    body {

    font-family: Arial, sans-serif;

    background-image: url("https://www.example.com/photo1.jpg");

    background-size: cover;

    background-position: center;

    header {

    background-color: #333;

    color: #fff;

    padding: 20px;

    text-align: center;

    nav {

    background-color: #f2f2f2;

    border: 1px solid #333;

    padding: 10px;

    nav ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

    overflow: hidden;

    nav li {

    float: left;

    nav li a {

    display: block;
    color: #333;

    text-align: center;

    padding: 14px 16px;

    text-decoration: none;

    nav li a:hover {

    background-color: #333;

    color: #fff;

    section {

    margin: 20px;

    footer {

    background-color: #333;

    color: #fff;

    text-align: center;

    padding: 10px;

    .photo-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-gap: 20px;

    .photo {

    display: block;

    width: 100%;

    height: auto;

    </style>

    </head>

    <body>

    <header>

    <h1>Website-i im</h1>
    </header>

    <nav>

    <ul>

    <li><a href="#">Home</a></li>

    <li><a href="#">About</a></li>

    <li><a href="#">Services</a></li>

    <li><a href="#">Contact</a></li>

    </ul>

    </nav>

    <section>

    <h2>Miresevini ne website-in tim</h2>

    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et ante eros. Nulla eu enim nec sapien suscipit
    iaculis. Nam ullamcorper est eget magna dignissim euismod. Pellentesque quis ipsum nec nulla bibendum euismod.
    Curabitur tempor lobortis mi, eget tristique velit dictum vel. Nulla facilisi. Donec sit amet vestibulum risus.</p>

    <p>Donec vitae elit quis purus auctor laoreet. Proin vel erat quis risus elementum tincidunt. Integer lacinia quam
    quis tellus ultricies, id vulputate dolor ultricies. Nullam sodales orci ut lacus efficitur, sed aliquet nunc lacinia. Sed
    non dui non sapien fringilla vulputate. Fusce sed elementum nulla. Sed sed malesuada purus, ut mollis sapien. Nulla
    ut tortor magna. Sed semper vestibulum mi ac suscipit.</p>

    <div class="photo-grid">

    <img src="https://www.example.com/photo1.jpg" alt="Photo 1" class="photo">

    <img src="https://www.example.com/photo2.jpg" alt="Photo 2" class="photo">

    <img src="https://www.example.com/photo3.jpg" alt="Photo 3" class="photo">

    </section>

    <footer>

    <p>Copyright © 2023 Website-i im</p>

    </footer>

    </body>

    </html>

    You might also like