CreativeVector.github.io/index.html at main · AlextianCreative/CreativeVector.github.io · 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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="robots" content="index, follow">
  <meta name="description"
    content="CreativeVector is a premium vector store offering high-quality digital assets for personal, commercial and extended use. Explore our unique designs and elevate your projects with our exclusive vector art.">
  <meta name="author" content="Alextian Creative Artwork">
  <meta name="keywords"
    content="premium vectors, digital assets, vector art, graphic design, personal use, commercial use, extended use, unique designs, high-quality vectors, CreativeVector, Alextian Creative Artwork, vector store, digital design, creative assets, vector graphics, eps, ai, svg, png, jpg, license agreement, vector portfolio">
  <meta property="og:type" content="website" />
  <meta property="og:title" content="Premium Quality Vectors | CreativeVector" />
  <meta property="og:description"
    content="CreativeVector is a premium vector store offering high-quality digital assets for personal, commercial and extended use. Explore our unique designs and elevate your projects with our exclusive vector art." />
  <meta property="og:url" content="https://creativevector.store" />
  <meta property="og:image" content="https://creativevector.store/img/cstore.png" />
  <meta property="og:site_name" content="CreativeVector Store" />

  <title>Premium Quality Vectors | CreativeVector</title>
  <link rel="preconnect"
    href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap"
    rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
  <link rel="stylesheet" href="css/style.css" />
  <link rel="icon" href="img/favicon.ico" type="image/x-icon">
  <script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2"></script>
  <meta name="google-site-verification" content="_J1nX2G61upYTYfcmSRSifBh6sLBYfo-eEyp4nnZ2IU" />
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-MHQSM53YE1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'G-MHQSM53YE1');
  </script>
</head>

<body>
  <header class="main-header">
    <div class="header-container">
      <div class="logo">
        <a href="/">
          <img loading="lazy" style="height:40px;" src="img/cstore.png" alt="" />
        </a>
      </div>
      <nav class="main-nav">
        <ul>
          <li><a href="/">Store</a></li>
          <li><a href="user-license.html">License Agreement</a></li>
          <li><a href="https://admin.creativevector.store/" target="_blank">About</a></li>
          <li><a href="contact.html">Contact</a></li>
          <li><a href="faq.html" class="active">FAQ</a></li>
        </ul>
        </ul>
      </nav>
      <!-- USER ACCOUNT -->
      <div class="user-auth-container">
        <button id="authButton" class="btn btn-auth">
          <i class="fas fa-sign-in-alt"></i> Sign In
        </button>
        <div id="userProfileStatus" style="display:none;" class="user-profile-status">
          <div class="user-avatar-wrapper">
            <i class="fas fa-user-circle user-avatar"></i>
          </div>
          <div class="user-info">
            <a href="profile.html" id="userProfileLink" class="user-profile-link">
              <span id="userEmailDisplay"></span>
            </a>
            <button id="logoutButton" class="btn-logout">
              <i class="fas fa-sign-out-alt"></i> Logout
            </button>
          </div>
        </div>
      </div>
    </div>
  </header>

  <div class="sub-header">
    <div class="sub-header-container">
      <div class="license-selector-wrapper">
        <h4>License</h4>
        <select id="licenseSelector" onchange="setLicense(this.value)">
          <option value="personal" selected>Personal</option>
          <option value="commercial">Commercial</option>
          <option value="extended">Extended</option>
        </select>
      </div>
      <h4>Category</h4>
      <div class="categories" id="categoryTabs">

      </div>
      <div class="search-box-wrapper">
        <input type="text" id="searchInput" placeholder="Search products..." />
        <i class="fas fa-search search-icon"></i>
      </div>
      <div class="header-actions">
        <div class="cart-icon" id="cartIcon" data-count="0">
          <i class="fas fa-shopping-cart" style="color:black"></i>
          <span class="cart-count">0</span>
        </div>
      </div>
    </div>
  </div>
  <div id="searchResultCount"></div>
  <div id="globalAlertContainer" style="position: fixed; top: 20px; right: 20px; z-index: 9999;"></div>


  <main id="store" class="store"></main>
  <div id="pagination-controls" class="pagination-controls">
  </div>

  <div id="cartModal" class="modal">
    <div class="modal-content cart-modal-content">
      <button class="close-btn" onclick="closeCart()">×</button>
      <h2><i class="fas fa-shopping-cart"></i>  Your Cart</h2>
      <ul id="cartList" class="cart-items-list"></ul>
      <div id="cartTotal" class="cart-total"></div>
      <div class="cart-actions">
        <button id="clearCartBtn" class="btn clear-cart-btn">Clear Cart</button>
        <button id="checkoutBtn" class="btn checkout-btn" onclick="location.href='checkout.html'">Checkout</button>
      </div>
    </div>
  </div>

  <footer class="main-footer">
    <div class="footer-content">
      <div class="footer-section about-shop">
        <img loading="lazy" style="height:40px;" src="img/cstore.png" alt="Alextian Creative Logo" />
        <p>Your one-stop shop for high-quality digital assets. We offer unique designs for personal and commercial
          projects, ensuring creativity and value in every product.</p>
        <p>All digital assets displayed here are purely owned by Alextian Creative Artwork, we do not sell or steal
          other designers digital assets.</p>
      </div>
      <div class="footer-section">
        <h3>Quick Links</h3>
        <ul>
          <li><a href="/">Store</a></li>
          <li><a href="user-license.html">License Agreement</a></li>
          <li><a href="https://admin.creativevector.store/" target="_blank">About</a></li>
          <li><a href="contact.html">Contact</a></li>
          <li><a href="faq.html">FAQ</a></li>
      </div>
    </div>
    <div class="footer-bottom">
      &copy; <span id="currentYear"></span> CreativeVector. All rights reserved.
      <a href="privacy-policy.html" target="_blank">Privacy Policy</a> | <a href="terms-of-service.html"
        target="_blank">Terms of Service</a>
    </div>
  </footer>

  <div id="global-cart-preview" style="display: none;"></div>
  <script src="js/show-alert.js"></script>
  <script type="module" src="js/product.js"></script>
  <script type="module" src="js/user.js"></script>

</body>

</html>