web-development/about.html at main · shawn7689045320/web-development · 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
76
77
78
79
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css">

    <link rel="stylesheet" href="about.css">
    <title>AboutUs</title>
</head>
<body>
    <nav>
    <header>
        <h3><a href="index.html">In A Box</a></h3>
    </header>
    <a href="#" class="toggle">
        <span class="bar"></span>
        <span class="bar"></span>
        <span class="bar"></span>
    </a>
    <div class="nav-list">
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="about.html">AboutUs</a></li>
            <li><a href="service.html">Services</a></li>
            <li><a href="menu.html">Menu</a></li>
            <li><a href="pack.html">Packages</a></li>
            <li><a href="contact.html">ContactUs</a></li>
        </ul>
    </div>
</nav>
<div class="ice">
    about Us
</div>
<div class="section">
    <div class="container">
        <div class="content-section">
            <div class="title">
                <h1>About Us</h1>
            </div>
            <div class="content">
                <h3>Our History</h3>
                <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptatem suscipit cupiditate consequuntur quam voluptatibus? Laborum assumenda tempore perspiciatis aspernatur corporis aliquam enim, dolore possimus voluptates magni voluptatibus illo quam ut itaque. </p>
                <div class="button">
                    <a href="#">Read More</a>
                </div>
            </div>
            <div class="social">
                <a href="#"><i class="fab fa-facebook"></i></a>
                <a href="#"><i class="fab fa-twitter"></i></a>
                <a href="#"><i class="fab fa-instagram"></i></a>
            </div>
        </div>
        <div class="image-section">
            <img src="Images/brownie pudding.jpg">
        </div>
    </div>
</div>
<footer>
    <div class="footer-content">
        <h3>In A Box</h3>
        <p>Always save room for dessert</p>
        <ul class="socials">
            <li><a href=""><i class="fab fa-facebook"></i></a></li>
            <li><a href=""><i class="fab fa-twitter"></i></a></li>
            <li><a href=""><i class="fab fa-google-plus"></i></a></li>
            <li><a href=""><i class="fab fa-youtube"></i></a></li>
            <li><a href=""><i class="fab fa-instagram"></i></a></li>

        </ul>
        <div class="footer-bottom">
            <p>copyright &copy;2022 In A Box. designed by <span>Shawn</span></p>
        </div>
    </div>
</footer>
    <script src="script.js"></script>
</body>
</html>