Add contact section to home page

assets/css/index.css

@@ -0,0 +1,14 @@
+main h2 {
+  font-size: 3rem;
+  margin-bottom: 1rem;
+}
+
+main p {
+  margin-bottom: 3rem;
+}
+
+@media only screen and (max-width: 1024px) {
+  main h2 {
+    font-size: 1.75rem;
+  }
+}

content/_index.md

@@ -3,7 +3,7 @@ title: "Hazem Krimi"
 date: 2023-10-18T20:03:43+01:00
 ---
 
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam porta magna eu turpis aliquet aliquet. Sed ut laoreet sapien, in fermentum diam. Suspendisse potenti. Integer sit amet felis tincidunt, fermentum risus ut, fringilla quam. In eu lorem ante. Aliquam nunc ligula, iaculis at viverra at, rutrum vitae lorem. Vestibulum sit amet velit nisi. Nullam quis varius lorem. Morbi ac risus ac odio sodales bibendum id sed diam. Fusce sagittis est rhoncus enim rutrum bibendum.
+## Contact
 
-Proin vitae imperdiet tortor. Maecenas non enim tempor, egestas risus eget, malesuada felis. Vestibulum eu eleifend velit. Nullam ut eleifend tortor, sit amet pretium ipsum. In placerat hendrerit quam, quis mollis libero. Morbi rutrum ex nec dictum consectetur. Sed vestibulum blandit placerat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Quisque rhoncus cursus mi non pulvinar. Aliquam sed suscipit urna.
+Here you can contact me personally for any questions or opportunities.
 

layouts/index.html

@@ -1,3 +1,11 @@
+{{ define "styles" }}
+    {{ $styles := resources.Get "css/index.css" | toCSS | minify }}
+
+    <link rel="stylesheet" href="{{ $styles.Permalink }}" />
+{{ end }}
+
 {{ define "main" }}
     {{ .Content }}
+
+    {{ partial "contact-form.html" . }}
 {{ end }}