Bootstrap 5.3.0

Bootstrap 5.3.0 Minor layout changes New styles
Fyrestrap · May 31, 2023 · 5501cc6 · 5501cc6
1 parent 3179d37
commit 5501cc6
Show file tree

Hide file tree

Showing 194 changed files with 11,758 additions and 9,106 deletions.
diff --git a/README.md b/README.md
@@ -3,4 +3,4 @@
  Free prelaunch Bootstrap theme with a countdown timer developed by Fyrestrap.
 
  ## Preview
-![BS Lively Preview](https://www.fyrestrap.com/assets/img/screenshot/winter.png)
+![BS Lively Preview](https://www.fyrestrap.com/assets/img/screenshot/comingsoonmount.png)
diff --git a/README.md.bak b/README.md.bak
@@ -0,0 +1,2 @@
+# fyrestrap-bs-coming-soon
+ Free prelaunch Bootstrap theme with a countdown timer developed by Fyrestrap
diff --git a/assets/img/orange.jpg b/assets/img/orange.jpg
diff --git a/assets/img/winter.jpg b/assets/img/winter.jpg
diff --git a/dist/style.css → dist/css/style.css b/dist/style.css → dist/css/style.css
@@ -11,37 +11,43 @@ h6 {
   font-family: "Montserrat", sans-serif;
 }
 
-.fs-brand {
-  font-family: "Comforter Brush", cursive;
+a {
+  color: #fff;
 }
-
-.fs-text-500 {
-  font-weight: 500;
+a:hover {
+  color: #123456;
 }
 
 header {
-  background-image: url(../assets/img/winter.jpg);
+  background-image: url(../../assets/img/orange.jpg);
   background-attachment: scroll;
   background-size: cover;
-  background-position: bottom;
+  background-position: center;
 }
 
+.fs-text-500 {
+  font-weight: 500;
+}
 .fs-bg-blue-transparent {
-  background: rgba(3, 113, 175, 0.8);
+  background: rgba(0, 60, 95, 0.5);
+}
+.fs-brand {
+  font-family: "Comforter Brush", cursive;
 }
-
 .fs-countdown-number {
   width: 3.5rem;
   height: 3.5rem;
 }
-
 @media (min-width: 768px) {
   .fs-countdown-number {
     width: 5rem;
     height: 5rem;
   }
+  .fs-mr--105 {
+    margin-right: -10.5rem;
+  }
 }
-@media (min-width: 1024px) {
+@media (min-width: 992px) {
   .fs-countdown-number {
     width: 6rem;
     height: 6rem;

diff --git a/dist/css/style.css.map b/dist/css/style.css.map
diff --git a/dist/style.css.map b/dist/style.css.map
diff --git a/index.html b/index.html
@@ -17,72 +17,78 @@
     <link href="https://fonts.googleapis.com/css2?family=Comforter+Brush&display=swap" rel="stylesheet">
 
     <!-- Custom CSS -->
-    <link rel="stylesheet" href="dist/style.css">
+    <link rel="stylesheet" href="dist/css/style.css">
 </head>
 
 <body class="fs-text-500">
     <!-- Header  -->
-    <header class="vh-100">
-        <div class="container-fluid h-100">
-          <div class="d-flex h-100 row">
-            <div class="col-12 col-md-8 col-lg-6 h-100 d-flex p-lg-0 text-white fs-bg-blue-transparent">
-              <div class="w-100 my-auto pe-2 pe-lg-5">
+    <header class="">
+        <div class="w-100">
+          <div class="row m-0 overflow-hidden">
+            <div class="col-12 col-md-8 col-lg-6 min-vh-100 d-flex p-lg-0 text-white fs-bg-blue-transparent">
+              <div class="w-100 my-auto py-3 px-3 px-md-4 me-md-3">
                 <div class="ps-2 ps-lg-5 w-100 text-center text-md-end fs-border-left">
-                  <h1 class="my-2 display-2 fs-brand">Winter.</h1>
-                  <h6 class="mb-5 text-uppercase fw-bold display-3 text-dark">Is Coming</h6>
+                  <h1 class="my-2 display-5 text-warning fs-brand">Agency.</h1>
+                  <h6 class="mb-5 text-uppercase fw-bold display-3 fs-mr--105">Coming <span class="opacity-50">soon</span></h6>
 
                   <!-- Count down -->
                   <div class="container text-right d-flex mb-3">
                     <ul class="list-unstyled d-flex mx-auto justify-content-center justify-content-md-end gap-3 w-100">        
                       <li>
                         <div class="display-6 rounded-circle border border-info d-flex align-items-center justify-content-center fs-countdown-number" id="cdD">00</div>
-                        <p class="text-center text-xs mt-2 small text-dark">Days</p>
+                        <p class="text-center text-xs mt-2 small">Days</p>
                       </li>
 
                       <li>
                         <div class="display-6 rounded-circle border border-info d-flex align-items-center justify-content-center fs-countdown-number" id="cdH">00</div>
-                        <p class="text-center text-xs mt-2 small text-dark">Hours</p>
+                        <p class="text-center text-xs mt-2 small">Hours</p>
                       </li>
 
                       <li>
                         <div class="display-6 rounded-circle border border-info d-flex align-items-center justify-content-center fs-countdown-number" id="cdM">00</div>
-                        <p class="text-center text-xs mt-2 small text-dark">Minutes</p>
+                        <p class="text-center text-xs mt-2 small">Minutes</p>
                       </li>
 
                       <li>
                         <div class="display-6 rounded-circle border border-info d-flex align-items-center justify-content-center fs-countdown-number" id="cdS">00</div>
-                        <p class="text-center text-xs mt-2 small text-dark">Seconds</p>
+                        <p class="text-center text-xs mt-2 small">Seconds</p>
                       </li>
 
                     </ul>
                   </div>
 
-                  <p class="mb-5">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta reprehenderit delectus quasi eligendi maiores consectetur repellat necessitatibus libero deleniti quaerat debitis, odit earum modi. Magni porro iste dolores.</p>      
-
+                  <p class="mb-5">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta reprehenderit delectus quasi eligendi maiores consectetur repellat necessitatibus libero deleniti quaerat debitis, odit earum modi.</p>      
+  
                   <!-- Social links -->
                   <div class="container text-right d-flex">
                     <ul class="list-unstyled d-flex mx-auto justify-content-center justify-content-md-end gap-5 w-100">        
                       <li>
-                        <a href="#" class="h4 text-dark">
+                        <a href="#" class="h5 opacity-50">
                           <i class="fab fa-facebook-f"></i>
                         </a>
                       </li>
 
                       <li>
-                        <a href="#" class="h4 text-dark">
+                        <a href="#" class="h5 opacity-50">
                           <i class="fab fa-twitter"></i>
                         </a>
                       </li>
 
                       <li>
-                        <a href="#" class="h4 text-dark">
+                        <a href="#" class="h5 opacity-50">
                           <i class="fab fa-youtube"></i>
                         </a>
                       </li>
 
+                      <li>
+                        <a href="#" class="h5 opacity-50">
+                          <i class="fab fa-instagram"></i>
+                        </a>
+                      </li>
+
                     </ul>
                   </div>
-
+  
                 </div>
               </div>
             </div>
@@ -98,7 +104,7 @@ <h6 class="mb-5 text-uppercase fw-bold display-3 text-dark">Is Coming</h6>
 
     <script>
       // Change the value of countDownEndDate to the day you want to end the count down
-      var countDownEndDate = "August 5, 2022 09:00:00";
+      var countDownEndDate = "August 5, 2023 09:00:00";
 
       var endDate = new Date(countDownEndDate).getTime();
 

diff --git a/node_modules/bootstrap/LICENSE b/node_modules/bootstrap/LICENSE
diff --git a/node_modules/bootstrap/README.md b/node_modules/bootstrap/README.md
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		# fyrestrap-bs-coming-soon
		Free prelaunch Bootstrap theme with a countdown timer developed by Fyrestrap