Merge pull request #198 from christinavoudouris/add-and-edit-templates

materializecss · Sep 28, 2021 · 9204376 · 9204376
2 parents e5aa45e + b702e20
commit 9204376
Show file tree

Hide file tree

Showing 3 changed files with 46 additions and 5 deletions.
diff --git a/pug/getting_started/getting_started_content.html b/pug/getting_started/getting_started_content.html
@@ -126,6 +126,47 @@ <h5>HTML Setup</h5>
       </div>
     </div>
 
+    <!-- Templates -->
+    <div id="templates" class="scrollspy">
+      <div class="row">
+        <div class="col s12">
+          <h3 class="header">Templates</h3>
+          <p class="caption">
+            We have created some starter templates so you can easily start designing your website
+            with minimal setup up time. Browse through our collection and download your best fit.
+          </p>
+        </div>
+
+        <div class="col s12 m6">
+          <h5>Starter Template</h5>
+          <a href="templates/starter-template/preview.html">
+            <img class="z-depth-1" style="width: 100%;" src="images/starter-template.gif">
+          </a>
+          <p>This is the simplest starter page with a Header, Call-to-Action, and Icon Features. </p>
+          <a class="btn waves-effect waves-light" style="margin-top: 8px;" href="templates/starter-template/preview.html">
+            Demo <i class="material-icons right">search</i>
+          </a>
+          <a class="btn waves-effect waves-light" style="margin-top: 8px;" href="templates/starter-template.zip">
+            Download<i class="material-icons right">file_download</i>
+          </a>
+        </div>
+
+        <div class="col s12 m6">
+          <h5>Parallax Template</h5>
+          <a href="templates/parallax-template/preview.html">
+            <img class="z-depth-1" style="width: 100%;" src="images/parallax-template.jpg">
+          </a>
+          <p>This is the simplest starter page with a Header, Call-to-Action, and Icon Features. </p>
+          <a class="btn waves-effect waves-light" style="margin-top: 8px;" href="templates/parallax-template/preview.html">
+            Demo<i class="material-icons right">search</i>
+          </a>
+          <a class="btn waves-effect waves-light" style="margin-top: 8px;" href="templates/parallax-template.zip">
+            Download<i class="material-icons right">file_download</i>
+          </a>
+        </div>
+      </div>
+    </div>
+
 
 
       <!-- Third Party Options -->
@@ -194,4 +235,4 @@ <h5>Compiling Sass</h5>
       </div>
 
   </div>
-</div>
+</div>
diff --git a/templates/parallax-template/index.html b/templates/parallax-template/index.html
@@ -15,7 +15,7 @@
       rel="stylesheet"
     />
     <link
-      href="css/style-parallax.css"
+      href="css/style.css"
       rel="stylesheet"
       media="screen,projection"
     />
@@ -221,4 +221,4 @@ <h5>Connect</h5>
       M.AutoInit();
     </script>
   </body>
-</html>
+</html>
diff --git a/templates/parallax-template/preview.html b/templates/parallax-template/preview.html
@@ -15,7 +15,7 @@
       rel="stylesheet"
     />
     <link
-      href="css/style-parallax.css"
+      href="css/style.css"
       rel="stylesheet"
       media="screen,projection"
     />
@@ -221,4 +221,4 @@ <h5>Connect</h5>
       M.AutoInit();
     </script>
   </body>
-</html>
+</html>