codeup-web-exercises/bamboostudio-footer.html at master · liliwang1/codeup-web-exercises · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/bamboostudio-footer.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc" crossorigin="anonymous">
</head>
<body>
<footer>
    <div class="container">
        <section class="top-footer">
            <div class="contact-div">
                <h1>CONTACT US</h1>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores aut beatae debitis dolores ea eos facilis id libero nostrum sequi</p>
            </div>
        </section>
        <section class="bottom-footer">
            <div class="talk-div">
                <h3>TALK WITH US</h3>
                <div class="line"></div>
                <ul>
                    <li>t +123 456 789</li>
                    <li>General: sayhi@bamboostudio.com</li>
                    <li>Support: support@bamboostudio.com</li>
                </ul>
            </div>
            <div class="say-hello-div">
                <h3>SAY HELLO</h3>
                <div class="line"></div>
                <form action="">
                    <input type="text" name="name" placeholder="Name"><br>
                    <input type="text" name="email" placeholder="Email"><br>
                    <input type="text" name="telephone" placeholder="Telephone"><br>
                    <textarea name="comment" id="" cols="30" rows="10">Comment</textarea><br>
                    <input type="submit">
                </form>
            </div>
            <div class="keep-connected-div">
                <h3>KEEP CONNECTED</h3>
                <div class="line"></div>
                <div class="social-media-links">
                <a href="#">
                    <span class="icon-wrapper">
                        <i class="fab fa-facebook-f"></i>
                    </span>Facebook
                </a>
                <a href="#">
                    <span class="icon-wrapper">
                        <i class="fab fa-twitter"></i>
                    </span>Twitter
                </a>
                <a href="#">
                    <span class="icon-wrapper">
                        <i class="fas fa-rss"></i>
                    </span>RSS
                </a>
                </div>
            </div>
<!--            <h5>@Copyright. All rights reserved.</h5>-->
        </section>
    </div>
</footer>
</body>
</html>