Started work on static website

vexergy · Nov 23, 2024 · 2ef7152 · 2ef7152
1 parent e0492f2
commit 2ef7152
Show file tree

Hide file tree

Showing 7 changed files with 186 additions and 6 deletions.
diff --git a/css/bootstrap.min.css b/css/bootstrap.min.css
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,96 @@
+@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
+
+body {
+    line-height: 2.5;
+    color: #898fa1;
+    font-size: 15px;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    font-weight: 700;
+    letter-spacing: 1px;
+    color: #4EA72E;
+}
+
+a {
+    font-weight: 700;
+    transition: all 0.4s ease;
+}
+
+img {
+    width: 100%;
+}
+
+small {
+    font-size: 12px;
+    letter-spacing: 2px;
+    font-weight: 700;
+}
+
+section {
+    padding-top: 100px;
+    padding-bottom: 100px;
+}
+
+.navbar .nav-link {
+    line-height: 2.5;
+    font-size: 20px;
+}
+
+.dropdown-item.active, .dropdown-item:active {
+    color: #ffffff;
+    text-decoration: none;
+    background-color: #4EA72E;
+}
+
+.navbar .nav-link.active {
+    color:#4EA72E;
+}
+
+#home {
+    background: -webkit-linear-gradient(left, rgba(78,167,46,0.2), rgba(78,167,46,0.8)), url(../images/vexergy-nyc-background.png) repeat 0 0;
+    min-height: 100vh;
+    background-size: cover;
+    background-position: center;
+    background-attachment: fixed;
+    display: flex;
+    align-items: flex-start;
+}
+
+#home h1 {
+    font-weight: 700;
+}
+
+#home p {
+    font-weight: 400;
+    font-size: 21px;
+}
+
+.btn {
+    font-weight: 700;
+    font-size: 12px;
+    text-transform: uppercase;
+    padding: 12px 28px;
+}
+
+.btn-brand {
+    background-color: #4EA72E;
+    color: #ffffff;
+}
+
+.btn-brand:hover {
+    background-color: #60bc3f;
+    color: #ffffff;
+}
+
+.section-intro {
+    text-align: center;
+    margin-bottom: 60px;
+}
+
+.section-intro .hline {
+    width: 120px;
+    height: 2px;
+    background-color: #00000063;
+    margin: 16px auto 0 auto;
+}
diff --git a/images/vexergy-favicon.ico b/images/vexergy-favicon.ico
diff --git a/images/vexergy-logo-full.png b/images/vexergy-logo-full.png
diff --git a/images/vexergy-nyc-background.png b/images/vexergy-nyc-background.png
diff --git a/index.html b/index.html
@@ -1,7 +1,78 @@
-<!DOCTYPE html>
-<html>
-<body>
-<h1>Vexergy</h1>
-<p>Hello World Test</p>
-</body>
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <title>Vexergy</title>
+    <link rel="icon" type="image/ico" href="images/vexergy-favicon.ico">
+    <link rel="stylesheet" href="css/bootstrap.min.css">
+    <link rel="stylesheet" href="css/style.css">
+  </head>
+
+  <body data-bs-spy="scroll" data-bs-target=".navbar">
+    <nav class="navbar fixed-top navbar-expand-lg bg-body-tertiary">
+        <div class="container-fluid">
+          <a class="navbar-brand" href="#about">
+            <img src="images/vexergy-logo-full.png" alt="Vexergy" width="65" height="50">
+          </a>
+          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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 active" aria-current="page" href="#home">Home</a>
+              </li>
+              <li class="nav-item">
+                <a class="nav-link" href="#products">Products</a>
+              </li>
+              <li class="nav-item">
+                <a class="nav-link" href="#services">Services</a>
+              </li>
+              <li class="nav-item">
+                <a class="nav-link" href="#clients">Clients</a>
+              </li>
+              <li class="nav-item">
+                <a class="nav-link" href="#pricing">Pricing</a>
+              </li>
+              <li class="nav-item dropdown">
+                <a class="nav-link dropdown-toggle" href="#about" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                  About
+                </a>
+                <ul class="dropdown-menu">
+                  <li><a class="dropdown-item" href="#team">Our Team</a></li>
+                  <li><a class="dropdown-item" href="#partners">Partners</a></li>
+                  <li><a class="dropdown-item" href="#contact">Contact Us</a></li>
+            </ul>
+          </div>
+        </div>
+      </nav>
+
+    <section id="home">
+        <div class="container text-center">
+            <div class="row justify-content-center">
+                <div class="col-md-10">
+                    <h1 class="text-white display-4">Technology Selection, Management, & Procurement</h1>
+                    <p>The software platform for connecting solution providers in the engineering, manufacturing, and energy industries.</p>
+                    <a href="#products" class="btn btn-brand">Learn More</a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section id="products">
+      <div class="container">
+        <div class="row">
+          <div class="col-12 section-intro">
+            <h1>Vexergy Software Platform</h1>
+            <div class="hline"></div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <script src="js/bootstrap.bundle.min.js"></script>
+
+  </body>
 </html>
diff --git a/js/bootstrap.bundle.min.js b/js/bootstrap.bundle.min.js