Scribd Logo
Upload

Welcome to Scribd!

  • 4

    Uploaded by

    Svetoslav Tsifudin
    2 views3 pages

    Original Title

    Doc4

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, 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 DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    2 views3 pages

    4

    Uploaded by

    Svetoslav Tsifudin

    Copyright:

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

    <!

    DOCTYPE html>

    <html>

    <head>

    <title>Grand Pianos</title>

    <style>

    /* CSS for styling the webpage, including colors, fonts, and button animations */

    body {

    background-color: #121212;

    color: white;

    /* Add CSS for button animations */

    .button:hover {

    /* Add CSS for button hover effect */

    /* Add CSS for button press effect */

    .button:active {

    /* Add CSS for button press effect */

    </style>

    </head>

    <body>

    <div class="top-menu">

    <button class="button" onclick="window.location.href='steinway.html';">Steinway & Sons</button>

    <button class="button" onclick="window.location.href='yamaha.html';">Yamaha</button>

    <button class="button" onclick="window.location.href='bluthner.html';">Blüthner</button>

    <button class="button" onclick="window.location.href='fazioli.html';">Fazioli</button>

    </div>
    <!-- Add a div for the background image, and use CSS to set the background image and create the
    parallax effect -->

    <div class="background-image"></div>

    <!-- Add a div for the main content of the webpage, where the history and sound experience of each
    grand piano will be displayed -->

    <div class="main-content">

    <!-- Add content for each brand of grand piano -->

    <h1>Steinway & Sons</h1>

    <p>History of Steinway & Sons...</p>

    <img src="steinway-piano.jpg" alt="Steinway piano" style="border-radius: 10px;">

    <p>Sound experience of Steinway grand pianos...</p>

    <h1>Yamaha</h1>

    <p>History of Yamaha...</p>

    <img src="yamaha-piano.jpg" alt="Yamaha piano" style="border-radius: 10px;">

    <p>Sound experience of Yamaha grand pianos...</p>

    <h1>Blüthner</h1>

    <p>History of Blüthner...</p>

    <img src="bluthner-piano.jpg" alt="Bluthner piano" style="border-radius: 10px;">

    <p>Sound experience of Blüthner grand pianos...</p>

    <h1>Fazioli</h1>

    <p>History of Fazioli...</p>

    <img src="fazioli-piano.jpg" alt="Fazioli piano" style="border-radius: 10px;">

    <p>Sound experience of Fazioli grand pianos...</p>

    </div>
    <div class="bottom-menu">

    You might also like