Landing page

_includes/call-to-action.html

@@ -1,12 +1,12 @@
-<section id="{{ section.section_id }}" class="page-section {{ section.background_style }}">
-  <div class="container">
-    <div class="row justify-content-center">
-      <div class="col-lg-8 {{ section.text_style | default: 'text-center' }}">
-        <h2 class="text-white mt-0 text-center">{{ section.title }}</h2>
-        <hr class="divider light my-4">
-        <div class="text-white-50 mb-4 ">{{ section.text | markdownify }}</div>
+<!--7355608-->
+<section id="{{ section.section_id }}" class="page-section custombg">
+    <div class="container">
+      <div class="row justify-content-center">
+        <div class="blur col-lg-8 {{ section.text_style | default: 'text-center' }}">
+          <h2 class="text-white mt-0 text-center">{{ section.title }}</h2>
+          <div class="text-white font-weight-bold mb-4 ">{{ section.text | markdownify }}</div>
+        </div>
       </div>
+      {% include actions.html actions=section.actions %}
     </div>
-    {% include actions.html actions=section.actions %}
-  </div>
 </section>

assets/css/main.scss

@@ -10,3 +10,19 @@
         "page",
         "icons"
 ;
+
+/* Image as background */
+.custombg{
+        background-color:#FFFFFF;
+
+        background-image:url('{{ site.baseurl }}/assets/img/backgrounds/design.jpg');
+
+        background-size: cover;
+        background-position: center center;
+}
+
+/* Blurring the image to increase readability */
+.blur{
+        -webkit-backdrop-filter: blur(3px);
+        backdrop-filter: blur(3px);
+}

index.md

@@ -12,13 +12,12 @@ header:
 sections:
   - type: call-to-action.html
     section_id: about
-    background_style: bg-primary
-    title: We've got what you need!
-    text: Start Bootstrap has everything you need to get your new website up and running in no time! All of the templates and themes on Start Bootstrap are open source, free to download, and easy to use. No strings attached!
+    title: What is OSDG?
+    text: Open Source software is any computer software that's distributed with its source code available for modification and we are the Open Source Community of IIIT Hyderabad! We promote the use of and the contribution to Open Source software.
     actions:
-      - title: Get Started!
-        url: '#page-top'
-        class: btn-light
+      - title: About us
+        url: '/about'
+        class: btn-primary
 
   - type: services.html
     section_id: services