mirror of
https://github.com/Such-Software/such.software.git
synced 2026-10-17 05:32:05 +02:00
init
This commit is contained in:
jwinterm
Binary file not shown.
|
After Width: | Height: | Size: 3.5 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 821 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 182 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 517 KiB |
+183
@@ -0,0 +1,183 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user