projects

layouts/partials/header.html

@@ -9,18 +9,18 @@
 		<div class="collapse navbar-collapse" id="navbarNavDropdown">
 			<ul class="navbar-nav ml-auto">
 				<li class="nav-item">
-					<a class="nav-link" href="#home">Home</a>
+					<a class="nav-link" href="{{ .Site.BaseURL }}#home">Home</a>
 				</li>
 				<li class="nav-item">
-					<a class="nav-link" href="#about">About</a>
+					<a class="nav-link" href="{{ .Site.BaseURL }}#about">About</a>
 				</li>
 				<li class="nav-item">
-					<a class="nav-link" href="#skill">Skill</a>
+					<a class="nav-link" href="{{ .Site.BaseURL }}#projects">Projects</a>
 				</li>
 
-				{{ range .Site.Menus.main }}
+				{{ range site.Params.customMenus }}
 				<li class="nav-item">
-					<a class="nav-link" href="{{ .URL | absURL }}">{{ .Name }}</a>
+					<a class="nav-link" href="{{ .Site.BaseURL }}{{.url}}">{{ .name }}</a>
 				</li>
 				{{ end }}
 			</ul>

layouts/partials/sections/projects.html

@@ -0,0 +1,18 @@
+<section>
+    <div class="projects p-3" id="projects">
+        <div class="project-heading text-center container">Projects</div>
+
+        <div class="container p-2">
+            {{ range .Site.Params.projects }}
+            <div class="card mb-3">
+                <img class="card-img-top" src="{{ .image }}" alt="Card image cap">
+                <div class="card-body">
+                    <h5 class="card-title">{{ .title }}</h5>
+                    <p class="card-text">{{ .description }}</p>
+                    <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
+                </div>
+            </div>
+            {{ end }}
+        </div>
+    </div>
+</section>