Scribd Logo
Hochladen

Willkommen bei Scribd!

  • Classwork

    Hochgeladen von

    Inferno Lord
    2 Ansichten3 Seiten

    Originaltitel

    classwork

    Copyright

    © © All Rights Reserved

    Verfügbare Formate

    TXT, PDF, TXT oder online auf Scribd lesen

    Stufen Sie dieses Dokument als nützlich ein?

    Sind diese Inhalte unangemessen?

    Dieses Dokument melden

    Copyright:

    © All Rights Reserved
    Als TXT, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    2 Ansichten3 Seiten

    Classwork

    Hochgeladen von

    Inferno Lord

    Copyright:

    © All Rights Reserved
    Als TXT, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    von 3

    <!

    DOCTYPE html>
    <html>
    <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
    ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    }

    li {
    float: left;
    }

    li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    }

    li a:hover:not(.active) {
    background-color: #111;
    }

    .active {
    background-color: #4CAF50;
    }
    </style>
    </head>
    <body>

    <ul>
    <li><a class="active" href"Home.html">Home</a></li>
    <li><a href="classwork.html">My Classwork</a></li>
    <li><a href="About_Me.html ">About Me</a></li>
    <li><a href="Slideshow.html">Slideshow</a></li>
    <li><a href="Video_Background.html">Full Screen Video</a></li>
    </ul>

    <style>
    div.gallery {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;
    }

    div.gallery:hover {
    border: 1px solid #777;
    }

    div.gallery img {
    width: 100%;
    height: auto;
    }

    div.desc {
    padding: 15px;
    text-align: center;
    }
    </style>
    </head>
    <body>

    <div class="gallery">
    <a target="_blank" href="Balloons.jpg">
    <img src="Balloons.jpg" alt="Balloons" width="600" height="400">
    </a>
    <div class="desc">One of the first assignments that I was given, it was meant to
    help in future projects</div>
    </div>

    <div class="gallery">
    <a target="_blank" href="Butterflies.jpg">
    <img src="Butterflies.jpg" alt="Butterflies" width="600" height="400">
    </a>
    <div class="desc">Another assignment that would prove to be of major use later
    on, it was apart of a series of tutorials I had to do</div>
    </div>

    <div class="gallery">
    <a target="_blank" href="Calendar.jpg">
    <img src="Calendar.jpg" alt="Calendar of May" width="600" height="400">
    </a>
    <div class="desc">This is my birthday calendar, this was the first assignment I
    struggled with, getting the sizes right were difficult to say the least</div>
    </div>

    <div class="gallery">
    <a target="_blank" href="Circle.jpg">
    <img src="Circle.jpg" alt="Moving Circle" width="600" height="400">
    </a>
    <div class="desc">Another difficult assignment, that got even more complex the
    more you understood what else you needed to do. Everything about this assignment
    was aggravating.</div>
    </div>

    <div class="gallery">
    <a target="_blank" href="Goku.jpg">
    <img src="Goku.jpg" alt="Squatting Man glows" width="600" height="400">
    </a>
    <div class="desc"> This is an assignment that was apart of a series of tutorials
    that needed to be finished, this was very easy and didn't require much
    effort.</div>
    </div>

    <div class="gallery">
    <a target="_blank" href="Hot_Dogs.jpg">
    <img src="Hot_Dogs.jpg" alt="Hot dogs with magic wands" width="600"
    height="400">
    </a>
    <div class="desc">This was a goofy assignment that I enjoyed because it was funny
    to put two giant hot dogs holding wands onto a website then drag them around.</div>
    </div>

    <div class="gallery">
    <a target="_blank" href="Project_1.jpg">
    <img src="Project_1.jpg" alt="A description of myself" width="600"
    height="400">
    </a>
    <div class="desc"> This was the starting page of a project that I did, it gave of
    a description of myself and provided a hyperlink to a video that I made.</div>
    </div>

    <div class="gallery">
    <a target="_blank" href="Schedule.jpg">
    <img src="Schedule.jpg" alt="My b-day class schedule" width="600" height="400">
    </a>
    <div class="desc">This was another part of a project that I did, it was my b-day
    class schedule.</div>
    </div>

    <div class="gallery">
    <a target="_blank" href="Zoom.jpg">
    <img src="Zoom.jpg" alt="speeding alien with a laser gun" width="600"
    height="400">
    </a>
    <div class="desc">Another goofy assignment where a gif that I put onto the
    website is going across the screen with text that says pew pew.</div>
    </div>

    </body>
    </html>

    Das könnte Ihnen auch gefallen