Spaces:
Running
Running
File size: 4,040 Bytes
9113acd | 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 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Our Mission | Pleiadian Collective</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&family=Space+Mono&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<style>
:root {
--purple: #5a2d82;
--teal: #2bb3b3;
--deep-space: #0a0a1a;
--starlight: #fffae6;
}
body {
font-family: 'Montserrat', sans-serif;
margin: 0;
padding: 0;
background-color: var(--deep-space);
color: var(--starlight);
background-image: radial-gradient(circle at 50% 50%, rgba(90, 45, 130, 0.1) 0%, transparent 20%);
}
.navbar {
display: flex;
justify-content: space-between;
padding: 20px 5%;
align-items: center;
border-bottom: 1px solid var(--teal);
}
.logo {
font-family: 'Space Mono', monospace;
font-size: 1.8rem;
color: var(--teal);
}
.nav-links a {
margin: 0 15px;
color: var(--starlight);
text-decoration: none;
transition: color 0.3s;
}
.nav-links a:hover {
color: var(--teal);
}
.mission-hero {
text-align: center;
padding: 80px 5%;
background-image: url('http://static.photos/space/1200x630/43'), linear-gradient(to bottom, rgba(10,10,26,0.7), rgba(10,10,26,1));
background-blend-mode: overlay;
background-size: cover;
}
.mission-content {
max-width: 900px;
margin: 50px auto;
padding: 0 5%;
line-height: 1.8;
}
.mission-section {
margin-bottom: 50px;
}
.mission-section h2 {
color: var(--teal);
margin-bottom: 20px;
font-size: 1.8rem;
}
footer {
text-align: center;
padding: 30px 0;
border-top: 1px solid var(--teal);
margin-top: 50px;
}
</style>
</head>
<body>
<nav class="navbar">
<div class="logo">Pleiadian Collective</div>
<div class="nav-links">
<a href="index.html">Home</a>
<a href="products.html">Shop</a>
<a href="mission.html">Mission</a>
<a href="contact.html">Contact</a>
<a href="#"><i class="fas fa-shopping-cart"></i></a>
</div>
</nav>
<section class="mission-hero">
<h1>Our Cosmic Mission</h1>
<p>Awakening humanity through sacred galactic designs</p>
</section>
<div class="mission-content">
<div class="mission-section">
<h2>Starseed Origins</h2>
<p>The Pleiadian Collective was founded by starseeds who remember their cosmic origins. Our mission is to help awaken others to their true galactic heritage through sacred symbols, high-vibration fabrics, and designs that activate DNA.</p>
</div>
<div class="mission-section">
<h2>Conscious Creation</h2>
<p>Each piece is created with intention, using sustainable materials and infused with sacred geometry. Our manufacturing partners are carefully selected for their ethical practices and alignment with our vision.</p>
</div>
<div class="mission-section">
<h2>Galactic Community</h2>
<p>5% of all proceeds fund programs that support starseed awakening and cosmic education. We host regular community gatherings both online and in sacred locations around the world.</p>
</div>
</div>
<footer>
<p>© 2023 Pleiadian Collective. All rights reserved.</p>
</footer>
</body>
</html> |