dpip-studio/index.html at main · dpipstudio/dpip-studio · 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
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!--=============== FAVICON ===============-->
    <link rel="shortcut icon" href="https://images.dpip.lol/logo.png" type="image/png">
    <link rel="icon" href="https://images.dpip.lol/logo.png" type="image/png">

    <!--=============== CSS ===============-->
    <link rel="stylesheet" href="assets/css/styles.css">

    <title>DPIP Studio</title>
    <meta property="og:title" content="DPIP Studio">
    <meta property="og:description"
        content="Building the future through innovative design and cutting-edge technology. We craft digital experiences that make a difference.">
    <meta property="og:image" content="https://images.dpip.lol/dpip_flag.png">
    <meta property="og:url" content="https://dpip.lol">
    <meta name="theme-color" content="#E2E3E3" />
    <meta property="og:type" content="website" />
    <meta name='keywords' content='dpip, noskid, domains, studio, innovative, tech'>
    <meta name='description'
        content='Building the future through innovative design and cutting-edge technology. We craft digital experiences that make a difference.'>
    <meta name='subject' content='portfolio'>
    <meta name='copyright' content='dpip.lol'>
    <meta name='language' content='EN'>
    <meta name='topic' content='DPIP'>
    <meta name='Classification' content='DPIP'>
    <meta name='author' content='douxx.tech, douxx@douxx.tech'>
    <meta name='designer' content='douxx.tech'>
    <meta name='reply-to' content='admin@dpip.lol'>
    <meta name='url' content='https://dpip.lol/'>
    <meta name='identifier-URL' content='https://dpip.lol'>
    <meta name='distribution' content='Global'>
    <meta name='rating' content='General'>
    <meta name='target' content='all'>
    <meta name="news_keywords" content='dpip, noskid, domains, studio, innovative, tech'>
    <meta name='og:site_name' content="Build, Publish, Repeat !">
    <meta name='og:email' content='admin@dpip.lol'>
    <meta name="twitter:card" content="summary_large_image">
</head>

<body>
    <header>
        <nav>
            <a href="/" class="logo"><img src="https://images.dpip.lol/big_logo_dark.png" alt="DPIP Studio" /></a>
            <ul class="nav-links">
                <li><a href="#top">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#projects">Projects</a></li>
            </ul>
            <div class="mobile-menu-btn">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </nav>
    </header>
    <main>

    <div id="top"/>
    <section class="hero">
        <img src="https://images.dpip.lol/dpip_flag.png" alt="DPIP Studio Hero">
    </section>

    <div class="main">
        <section class="mission-section" id="about">
            <div class="mission-header">
                <h1 class="mission-title">Build, Publish, Repeat !</h1>
                <p class="mission-description">DPIP Studio is a creative and innovative entity behind ambitious
                    projects. It serves as a hub for ideation, development, and execution, bringing together a
                    diverse
                    range of skills and expertise to deliver high-quality outcomes. At DPIP Studio, we focus on
                    pushing
                    boundaries and exploring new frontiers in design, technology, and artistry.</p>
            </div>
        </section>
        <section class="content-section">
            <div class="section-content">
                <div class="text-content">
                    <h2>Crafting Excellence</h2>
                    <p>We believe in the power of perseverance and in purposeful design. Every project we undertake
                        is
                        approached with meticulous attention to detail and a commitment to delivering exceptional
                        results.</p>
                    <p>Our philosophy centers around creating meaningful experiences that resonate with your
                        audience
                        and drive genuine engagement. We don't just build products; we craft solutions that make a
                        difference.</p>
                </div>
            </div>
        </section>

        <section class="content-section">
            <div class="section-content">
                <div class="text-content">
                    <h2>Privacy matters</h2>
                    <p>At DPIP, we handle and store your data exclusively on our own infrastructure. Your
                        information
                        never leaves our control.</p>
                    <p>Our primary server is located in Switzerland, with a secondary server in Germany, ensuring
                        both
                        performance and data sovereignty within Europe. Your privacy and security are at the heart
                        of
                        everything we do.</p>
                </div>
            </div>
        </section>
    </div>

    <section class="projects-section" id="projects">
        <h2 class="projects-title">Our Projects</h2>
        <div class="projects-container">
            <div class="projects-scroll" id="projectsContainer">
                <div class="loading">Loading projects...</div>
            </div>
        </div>
    </section>

    <footer>
        <div class="footer-content">
            <div class="footer-logo">DPIP Studio</div>
            <p class="footer-description">
                Building the future through innovative design and cutting-edge technology.
                We craft digital experiences that make a difference.
            </p>
            <div class="footer-links">
                <a href="/privacy/">Privacy Policy</a>
                <a href="/tos/">Terms Of Services</a>
                <a href="mailto:admin@dpip.lol">Contact</a>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2025-2026 DPIP Studio. All rights reserved.</p>
            </div>
        </div>
    </footer>
    </main>
    <script src="assets/js/main.js"></script>
</body>

</html>