event-center/about.html at main · coding-cryptid/event-center · 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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Conference Center</title>
    <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=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap" rel="stylesheet">
    <script src="https://kit.fontawesome.com/6c7d4602c1.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="styles.css" class="css">
</head>
<body id="top">
    <nav>
        <div class="leftSide">
            <h2><a href="index.html"><i class="fa-solid fa-code-branch"></i>Branch Out <span>Convention Center</span></a></h2>
        </div>
        <div class="middleSection">
            <ul>
                <li><a href="about.html">About</a></li>
                <li><a href="events.html">Events</a></li>
                <li><a href="dining-catering.html">Dining and Catering</a></li>
            </ul>
        </div>
        <div class="rightSide">
            <a href="event-booking.html" class="btn">Book an Event</a>
        </div>
    </nav>

<div class="col2Container">
    <section class="sidebar">
        <h5>Sections</h5>
        <div class="linkCont">
            <a href="#howItBegan">How It Began</a>
            <a href="#whoWeAre">Who We Are</a>
            <a href="#theFuture">The Future</a>
        </div>
    </section>

    <main class="about">
        <h2 class="cardTitle">About Us</h2>
        <section class="partOne">
            <h3 id="howItBegan">How It Began</h3>
            <div class="textContainer">
                <p>
                    Lorem ipsum dolor sit amet consectetur adipisicing elit.
                    Porro a ullam, cum illo temporibus cupiditate, quos enim
                    totam blanditiis officia, voluptate similique recusandae
                    laudantium impedit rem aut iste mollitia neque odio ipsum.
                    Nihil voluptates accusamus totam suscipit ducimus aspernatur
                    voluptatum reiciendis provident incidunt dolorum quam
                    numquam rerum eveniet doloribus facilis eos quasi
                    praesentium tempore, magnam pariatur! Cum dolorem
                    exercitationem consequuntur fuga doloremque quae eligendi
                    sapiente nemo non laborum sit error facilis ipsam magnam
                    illo dolorum dolor laudantium nulla, facere debitis!
                </p>
                <br>
                <p>
                    Lorem ipsum dolor, sit amet consectetur adipisicing elit.
                    Possimus maiores odio porro error qui rem repudiandae,
                    laudantium iusto facilis beatae eum quidem cumque magni
                    pariatur perspiciatis obcaecati maxime veniam sapiente
                    deserunt soluta incidunt cum. Eaque omnis laudantium
                    suscipit eum consequuntur!
                </p>
            </div>
        </section>
        <section class="partTwo">
            <h3 id="whoWeAre">Who We Are</h3>
            <div class="textContainer">
                <p>
                    Lorem ipsum dolor sit amet consectetur, adipisicing elit.
                    Voluptas vero commodi ducimus, temporibus praesentium
                    accusantium sed facere magnam maiores ullam repellat culpa
                    suscipit? Nihil, maiores, repudiandae quia ex et esse
                    temporibus dolor reprehenderit nam numquam, soluta facilis
                    nulla pariatur illo:
                </p>
                <ol>
                    <li>Lorem ipsum dolor sit amet.</li>
                    <li>Lorem ipsum dolor sit amet.</li>
                    <li>Lorem ipsum dolor sit amet.</li>
                </ol>
                <br>
                <p>
                    Lorem ipsum dolor, sit amet consectetur adipisicing elit.
                    Possimus maiores odio porro error qui rem repudiandae,
                    laudantium iusto facilis beatae eum quidem cumque magni
                    pariatur perspiciatis obcaecati maxime veniam sapiente
                    deserunt soluta incidunt cum. Eaque omnis laudantium
                    suscipit eum consequuntur!
                </p>
                <br>
                <p>
                    Lorem ipsum dolor sit amet consectetur adipisicing elit.
                    Rem dolores, ipsum ipsa iure ut nam sed facere molestiae
                    nisi blanditiis, ex esse ducimus odio pariatur. Sed harum
                    labore, officia, dolor minima deserunt repudiandae
                    laboriosam eum qui, libero ex eveniet ab facere sint
                    aspernatur. Animi, non in sequi magnam veritatis cumque.
                    Obcaecati dolore consequuntur repellat facere labore
                    assumenda alias eos voluptates, blanditiis magnam id
                    perspiciatis ullam ut rerum nisi molestias sint?
                </p>
            </div>
            <div class="imgContainer">
                <img src="assets/building1.png" alt="Convention Building">
            </div>
        </section>
        <section class="partThree">
            <h3 id="theFuture">The Future of Branch Out</h3>
            <div class="textContainer">
                <p>
                    Lorem ipsum dolor, sit amet consectetur adipisicing elit.
                    Maiores aliquam dolores omnis minus assumenda eos explicabo
                    asperiores itaque corporis, consequuntur accusantium nam
                    fugiat, nulla odio quo nobis magni id recusandae!
                </p>
                <br>
                <p>
                    Lorem ipsum dolor sit amet consectetur adipisicing elit.
                    Magnam velit, perspiciatis sunt deleniti recusandae
                    laudantium similique fugit beatae doloribus in? Mollitia
                    totam neque tempore vitae dicta libero, nulla fuga
                    consequuntur.
                </p>
            </div>
        </section>
        <a href="#top" class="backToTop">Back to top</a>
    </main>
</div>

    <footer>&copy Branch Out Conventions 2026</footer>
</body>
</html>