mirror of
https://github.com/Such-Software/such.software.git
synced 2026-10-17 05:32:05 +02:00
184 lines
8.7 KiB
HTML
184 lines
8.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Such Software LLC</title>
|
||
<!-- Bootstrap CSS -->
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
|
||
<style>
|
||
/* Custom styles */
|
||
.hero-image {
|
||
background-image: url('img/Hero.png'); /* Replace with the path to your hero image */
|
||
background-size: cover;
|
||
background-position: center;
|
||
height: 400px;
|
||
}
|
||
.logo {
|
||
height: 90px; /* Adjust as needed */
|
||
}
|
||
footer {
|
||
text-align: center;
|
||
padding: 20px 0;
|
||
}
|
||
.parallax-bg {
|
||
background-image: url('img/parallaxbg_catspencilscomputers.webp');
|
||
background-attachment: fixed;
|
||
background-position: center;
|
||
background-repeat: no-repeat;
|
||
background-size: cover;
|
||
}
|
||
.footer-bg {
|
||
background-color: #090a2e;
|
||
}
|
||
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
<!-- Header with Logo -->
|
||
<header class="navbar navbar-expand-lg navbar-light bg-light">
|
||
<a class="navbar-brand" href="#">
|
||
<img src="img/Logo_SUCH_catface.png" alt="Logo" class="logo"> <!-- Replace with the path to your logo -->
|
||
</a>
|
||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
<div class="collapse navbar-collapse" id="navbarNav">
|
||
<ul class="navbar-nav">
|
||
<li class="nav-item"><a class="nav-link" href="#home">Home</a></li>
|
||
<li class="nav-item"><a class="nav-link" href="#about">About Us</a></li>
|
||
<li class="nav-item"><a class="nav-link" href="#services">Services</a></li>
|
||
<li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
|
||
</ul>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- Hero Image Section -->
|
||
<section id="home" class="hero-image">
|
||
<div class="h-100 d-flex justify-content-center align-items-end">
|
||
<h2 class="text-white text-uppercase font-weight-bold">Such Software LLC</h2>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Other Sections Here... -->
|
||
<section id="home" class="py-5">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-11">
|
||
<h2>Welcome to Such Software</h2>
|
||
<p>Your partner in art and technology.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section id="parallax-spacer" class="parallax-bg py-5">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-11">
|
||
<h2></h2>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section id="about" class="py-5">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-11">
|
||
<h3>About Us</h3>
|
||
<p class="text-justify">
|
||
At Such Software, we are committed to bridging the gap between art and technology.
|
||
Our journey began with a vision to empower artists in the digital era, offering them unique platforms to showcase and sell their creations.
|
||
As a technology-driven company, we specialize in designing and hosting bespoke websites tailored to the needs of artists.
|
||
Our team, a blend of tech enthusiasts and art aficionados, understands the nuances of the art world and the digital landscape.
|
||
</p>
|
||
<p class="text-justify">
|
||
We believe in nurturing creativity by providing artists with state-of-the-art digital tools, freeing them to focus on what they do best: creating mesmerizing art.
|
||
Our commitment extends beyond just offering services; we aim to be partners in the artistic journey of each of our clients, fostering a community where art and technology coexist in harmony.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section id="parallax-spacer" class="parallax-bg py-5">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-11">
|
||
<h2></h2>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section id="services" class="py-5 bg-light">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-11">
|
||
<h3>Our Services</h3>
|
||
<p class="text-justify">
|
||
Such Software offers a comprehensive suite of services designed specifically for artists looking to make their mark in the digital world.
|
||
We provide expert website design services, creating visually stunning and user-friendly sites that reflect each artist's unique style and brand.
|
||
Our hosting solutions are not only reliable but also free, removing financial barriers and making it easier for artists to maintain an online presence.
|
||
</p>
|
||
<p class="text-justify">
|
||
We cater to a diverse range of artistic needs, supporting the sale of original artworks, merchandise through drop shipping, and digital collectibles.
|
||
Understanding the importance of seamless transactions, we integrate multiple payment options including credit cards, PayPal, and various cryptocurrencies.
|
||
Our business model is artist-friendly, as we only take a commission on sales, ensuring that artists reap the maximum benefits from their work.
|
||
At Such Software, we don’t just offer services; we provide a platform for artists to thrive in the digital age.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section id="contact" class="py-5">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-sm-11">
|
||
<h3>Contact Us</h3>
|
||
<div class="row">
|
||
<div class="col-sm">
|
||
<a href="https://t.me/jwinterm" target="_blank" class="btn btn-primary">
|
||
<i class="fab fa-telegram-plane"></i> Telegram
|
||
</a>
|
||
</div>
|
||
<div class="col-sm">
|
||
<a href="https://twitter.com/j_winter_m" target="_blank" class="btn btn-info">
|
||
<i class="fab fa-twitter"></i> Twitter
|
||
</a>
|
||
</div>
|
||
<div class="col-sm">
|
||
<a href="mailto:info@such.software" target="_blank" class="btn btn-success">
|
||
<i class="fas fa-envelope"></i> Email
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<footer>
|
||
|
||
<!-- Footer with Logo -->
|
||
<footer>
|
||
<div class="container">
|
||
<div class="row footer-bg">
|
||
<div class="col-md-4">
|
||
</div>
|
||
<div class="col-md-4">
|
||
<img src="img/Logo_DALLE.png" alt="Logo" class="img-fluid">
|
||
<p class="text-white">© 2023 Such Software LLC</p>
|
||
</div>
|
||
<div class="col-md-4">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<!-- Optional JavaScript -->
|
||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
|
||
</body>
|
||
</html>
|