WebDev-Plus.github.io/index.html at main · WebDev-Plus/WebDev-Plus.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
---
layout: default
title: WebDev Plus | Leading Web Design & Development Agency in the Philippines
heading: Hi, We're <span>Webdev+</span>
description: Follow our blog for the latest tips, case studies and projects.
slogan: We develop digital products that help our clients grow 🌱, innovate💡, and transform🚀.
proof-header: The Proof is in the Pudding!
recent-work-header: Recent Works 💪
recent-work-header-tagline: Crafting experiences and seeking to make the complex clear & beautiful.
permalink: "/"
pagination:
  enabled: true
---

<!-- style="background-image: url({{ 'images/backgrounds/hero-background.jpg' | absolute_url }});" -->

<!-- start: hero section -->
<section class="site-hero">
  <div class="container">
    <div class="row">
      <div class="col-lg-12 mx-auto">
        <div class="site-hero-content text-center">
          <h6>{{ page.heading }}</h6>
          <h1>{{ page.slogan }}</h1>
          <ul class="site-hero-content-buttons">
            <li>
              <a
                href="{{ '#project' | absolute_url }}"
                class="btn btn-secondary btn-sm-rounded scroll-to"
              >
                <span class="btn-area">
                  <span data-text="See Our Works"> See Our Works </span>
                </span>
              </a>
            </li>
            <li>
              <a
                href="{{ '/contact' | absolute_url }}"
                class="btn btn-primary btn-sm-rounded"
              >
                <span class="btn-area">
                  <span data-text="Connect with us"> Connect with us </span>
                </span>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <a href="#counter" class="site-hero-scroll scroll-to">
    <img src="images/arrow-down.svg" alt="arrow-down" />
  </a>
</section>
<!-- end: hero section -->

<!-- start: counter section -->
<section class="site-counter" id="counter">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="section-title">
          <h2 class="text-white">{{ page.proof-header }}</h2>
        </div>
      </div>
      {% if site.data.counters.size > 0 %} {% for counter in site.data.counters
      %}
      <div class="col-lg-3 col-md-6">
        <div class="site-counter-item">
          <span class="site-counter-item-title">{{ counter.title }}</span>
          <h3 class="site-counter-item-number">{{ counter.count }}</h3>
        </div>
      </div>
      {% endfor %} {% endif %}
    </div>
  </div>
</section>
<!-- end: counter section -->

<!-- start: portfolio section -->
<section class="site-project" id="project">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="section-title">
          <h2>{{ page.recent-work-header }}</h2>
          <p>{{ page.recent-work-header-tagline }}</p>
        </div>
      </div>
      {% assign posts = site.posts | where:'type', 'portfolio' %} {%- for post
      in posts limit: 4 -%}
      <div class="col-lg-3 col-md-12 mx-auto">
        <div class="site-project-item">
          <div class="site-project-item-thumb">
            <img
              src="images/blank.png"
              alt="{{ post.title }}"
              data-echo="{{ post.image }}"
            />
          </div>
          <div class="site-project-item-content">
            <span>{{ post.category[0] }}</span>
            <h3>{{ post.title }}</h3>
            <a href="{{ post.url | absolute_url }}" class="read-more"
              >View Project</a
            >
          </div>
        </div>
      </div>
      {%- endfor -%}
      <div class="col-12 text-center text-lg-center">
        <a
          href="{{ '/portfolio' | absolute_url }}"
          class="btn btn-sm btn-primary btn-sm-rounded"
          >View All Recent Projects</a
        >
      </div>
    </div>
  </div>
</section>
<!-- end: portfolio section -->

{% if site.data.testimonials.enable %}
<!-- start: testimonial section -->
<section class="site-testimonial">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="section-title">
          <h2>{{ site.data.testimonials.title }}</h2>
          <p>{{ site.data.testimonials.subtitle }}</p>
        </div>
      </div>
      {% for testimonial in site.data.testimonials.testimonial_item %}
      <div class="col-lg-4 col-md-6">
        <div class="site-testimonial-item">
          <div class="site-testimonial-item-header">
            <div class="thumb">
              <img
                src="{{ testimonial.thumb | absolute_url }}"
                alt="user-thumb"
              />
            </div>
            <div class="person">
              <h5>{{ testimonial.name }}</h5>
              <p>{{ testimonial.company_position }}</p>
            </div>
          </div>
          <p class="site-testimonial-item-body">{{ testimonial.quote }}</p>
        </div>
      </div>
      {% endfor %}
    </div>
  </div>
</section>
<!-- end: testimonial section -->
{% endif %} {% include call-to-action.html %}