ls-web/about.html at main · ClarkLiam/ls-web · 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
<!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">
    <title>L|Studios Media | About Us</title>
    <link rel="icon" href="favicon.ico" type="image/x-icon">

    <link rel="stylesheet" href="css/styles.css">
    <link rel="stylesheet" href="css/buttons.css">
    <link rel="stylesheet" href="css/sections.css">

    <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>

    <link href="assets/fontawesome/css/fontawesome.css" rel="stylesheet" />
    <link href="assets/fontawesome/css/brands.css" rel="stylesheet" />
    <link href="assets/fontawesome/css/solid.css" rel="stylesheet" />
    <link href="assets/fontawesome/css/regular.css" rel="stylesheet" />

    <link href="assets/fonts/fonts.css" rel="stylesheet" />
</head>

<body>
    <!-- Header -->
<!-- Header -->
<header class="header">
    <h1 class="LS">L|Studios</h1>
    <div class="bx bx-menu" id="menu-icon"><span class="animate" style="--i:2;"></span></div>
    <nav class="navbar">
        <a href="index.html">Home</a>
        <a href="about.html" class="active">About</a>
        <a href="events.html">Eventmanagement</a>
        <a href="photography.html">Photography</a>
        <a href="webdesign.html">Webdesign</a>
        <a href="contact.html">Contact</a>

    </nav>
</header>


    <!-- About -->
    <section class="about-main">
        <h2>About Us</h2>
        <div class="about-text">
            <h3>Hey There!</h3>
            <h3>I am Liam, the founder of L|Studios Media, we are a small Stuttgart (BW, Germany) based Group doing Eventplanning, Lighting, Sound and Video, as well as Photography and Webdesign.
                If you want to find out more about us, feel free to contact me on Instagram, GitHub, E-Mail or any other way you can imagine.</h3>
        </div>
        <div class="socials">
            <div class="social-group">
                <i class="fa-brands fa-github"></i>
                <a href="https://github.com/ClarkLiam">github</a>
            </div>
            <div class="social-group">
                <i class="fa-brands fa-instagram"></i>
                <a href="https://www.instagram.com/lstudios.visuals/">lstudios.visuals</a>
            </div>
            <div class="social-group">
                <i class="fa-solid fa-envelope"></i>
                <a href="mailto:info@lstudios-media.de">info@lstudios-media.de</a>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="footer">
        <div class="footer-text">
            <div class="recht">
                <a href="datenschutz.html">Datenschutzerklärung</a>
                <a> | </a>
                <a href="impressum.html">Impressum</a>
                <a> | </a>
                <a href="status.html">Status</a>
            </div>

            <p>Copyright &copy; 2025 by L|Studios Media | All Rights Reserved</p>
        </div>

        <div class="footer-iconTop">
            <a href="#"><i class='bx bx-up-arrow-alt'></i></a>
        </div>
    </footer>
    <script src="js/script.js"></script>
</body>

</html>