testguitargarage/index.html at main · Kieroncoombs/testguitargarage · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <link rel="stylesheet" href="style.css">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200;600;700;800&display=swap" rel="stylesheet">
        <script src="https://cdn.jsdelivr.net/gh/cferdinandi/smooth-scroll/dist/smooth-scroll.polyfills.min.js"></script>
        <script src="https://kit.fontawesome.com/c825d58573.js" crossorigin="anonymous"></script>

    </head>
    <body>
        <header>
            <div class="container">
                <nav>
                    <ul>
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Guitars</a></li>
                        <li><a href="#">Bass</a></li>
                        <li><a href="#">Contact</a></li>
                    </ul>
                </nav>
            </div>
        </header>
        <section id="banner">
            <div class="banner-text">
                <h1> Guitar Garage. </h1>
                <h5>Guitar Info At Your Fingertips - Get The Knowledge You Need From Us!</h5>
                <div class="banner-btn">
                    <a href="#glossary"><span></span>Our Glossary</a>
                </div>
                <i class="fa-brands fa-instagram"></i> <i class="fa-brands fa-square-facebook"></i>
            </div>
        </section>

            <!--About-->

        <section id="about">
            <div class="title-text">
                <h1>Who Are We?</h1>
                <img src="testimg3.jpg" alt="vector art of Guitars">
                    <div class="aboutinfo">
                        <span><p>We are a company dedicated to helping customers find the perfect guitars and basses for their individual needs. We understand that everyone is different, and it is important to find the right instrument to match your unique style. Our knowledgeable staff is here to assist you in finding the right instrument that fits your needs and budget. We carry a wide selection of guitars and basses from all the major brands, so no matter what type of sound you’re looking for, we’ve got you covered. <br><br> Whether you’re a beginner looking for your first instrument, an experienced player looking for something new, or a professional musician in search of the perfect tone, we can help you find the perfect guitar or bass. With our expertise and dedication to customer satisfaction, you can rest assured that you’ll find the perfect instrument for you</p></span>
                     </div>
            </div>
        </section>

            <!--Details-->

        <section id="details">
            <h1>What Can I Find?</h1>
            <img src="testimg2.jpg" alt="Man holding bass guitar">
                <div class="detailbox">
                    <p>You can find detailed information about Fender, Gretsch, Gibson, Ibanez and Schecter guitars and basses on our website. We provide detailed descriptions and images of each of these brands and their products, so you can compare and choose the perfect instrument for your needs. Whether you're looking for electric, acoustic, or bass guitars, you'll find what you're looking for on our website. With our wide selection of guitars and basses, you're sure to find the perfect one for you.</p>
                </div>
        </section>

        <section id="glossary">
            <div class="imgcontainer">
                <img class="left" src="gg242.png" alt="">
                <img class="right" src="bass.png" alt="">
            </div>
            <div class="gloss-text">
                <h3 class="guitars">Guitars</h3>
                <h3 class="basses">Basses</h3>
            </div>


        </section>


    </body>
</html>