Nothing Special   »   [go: up one dir, main page]
Scribd Logo
Upload

Welcome to Scribd!

  • 12 views

    FINAL Home

    Uploaded by

    matthewgomez011410

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd

    FINAL Home

    Uploaded by

    matthewgomez011410
    12 views4 pages

    Original Title

    FINAL home

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Download as txt, pdf, or txt
    12 views4 pages

    FINAL Home

    Uploaded by

    matthewgomez011410

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Download as txt, pdf, or txt
    You are on page 1of 4

    <!

    DOCTYPE html>
    <title>E-Portfolio ICT_GOMEZ_FAIRNESS</title>
    <style>
    body {
    font-family: Arial, sans-serif;
    background-color: #699294;
    background-image: url(snow.jpeg);
    background-size: cover;
    background-position: center;
    color: #275e61;
    }

    .nav-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 30px;
    }

    .nav-list li {
    display: inline;
    }

    .nav-list a {
    text-decoration: none;
    font-size: 25px;
    font-weight: bold;
    color: #17a7b0;
    padding: 10px 15px;
    }

    .nav-list a:hover {
    background-color: #2e8b57;
    color: white;
    border-radius: 5px;
    }

    table {
    background-color: #D0EBF0;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    }

    td {
    text-align: center;
    padding: 15px;
    }

    td a {
    font-size: 18px;
    color: #333;
    }

    td a:hover {
    color: #2e8b57;
    }

    .header, .footer {
    text-align: center;
    padding: 10px;
    background-color: rgba(0, 0, 255, 0.1);
    }

    table.main-table {
    width: 100%;
    max-width: 1100px;
    margin: 30px auto;
    border: 3px solid #333;
    border-collapse: collapse;

    th, td {
    padding: 25px;
    text-align: center;
    font-size: 20px;
    border: 1px solid #ddd;
    }

    th {
    background-color: #a8d0e6;
    font-weight: bold;
    }

    td {
    background-color: #e0f7fa;
    }

    tr:nth-child(even) td {
    background-color: #b2ebf2;
    }

    tr:hover {
    background-color: #a0c4d9;
    }

    h1 {
    font-size: 30px;
    color: #2e8b57;
    }

    .audio-placeholder {
    position: fixed;
    bottom: 20px;
    right: 20px;
    text-align: center;
    }

    .audio-placeholder audio {
    width: 300px;
    margin-top: 10px;
    }
    .image-placeholder {
    position: fixed;
    bottom: 20px;
    left: 20px;
    text-align: center;
    }

    .image-placeholder img {
    max-width: 300px;
    border-radius: 10px;
    }
    </style>
    </head>
    <body>

    <div class="header">
    <nav>
    <ul class="nav-list">
    <li><a href="#">Home</a></li>
    <li><a href="about.html">About Me</a></li>
    <li><a href="activities.html"> Activities</a></li>
    <li><a href="reflection.html">Reflection</a></li>
    </ul>
    </nav>
    </div>

    <h1 align="center">MY E-PORTFOLIO IN FIRST QUARTER</h1>

    <div align="center">
    <font size="5" family="algerian" bgcolor="lightblue">
    Hi and welcome to my website. Here you'll get to know me more. You'll get to
    know things about me and my experiences. This website is a showcase of my skills
    and talent about coding and the lessons I’ve learned along the way.
    </font>
    </div>

    <h2 align="center" bgcolor="lightblue">What You’ll Find:</h2>


    <table class="main-table">
    <tr>
    <th>About Me</th>
    <th>Lessons and Activities</th>
    <th>Reflection</th>
    </tr>
    <tr>
    <td>A deep intro about my background, interests, and who I am. You’ll learn
    many things about me here.</td>
    <td>A collection of everything we did this quarter in ICT. This portfolio is
    a glimpse into the fun and wonderful things we did in ICT.</td>
    <td>The experience I had this quarter in ICT class. It includes every lesson
    and hands-on activity, as well as what I learned.</td>
    </tr>
    </table>

    <div class="audio-placeholder">
    <audio controls>
    <source src="WinterWonderland.mp3" type="audio/mp3">
    </audio>
    </div>

    <div class="image-placeholder">
    <img src="snowman.jpeg" alt="picture of snowman">
    </div>

    <!-- Footer Section -->


    <div class="footer">
    <h1>I hope you'll like my website!!!</h1>
    <p>How is My Website?</p>
    <form>
    <input type="radio" id="13" name="HowoldamI" value="13">
    <label for="13">Good</label><br>
    <input type="radio" id="14" name="HowoldamI" value="14">
    <label for="14">Average</label><br>
    <input type="radio" id="15" name="HowoldamI" value="15">
    <label for="15">Bad</label>
    </form>
    <form>
    <input type="submit">
    </form>
    </div>
    </body>
    </html>

    You might also like