/themes/iugo/pages/home.htm

title = "Home"
url = "/"
layout = "default"
meta_title = "Laravel - UX/UI - Branding"
is_hidden = 0
==
<?php
use Iugo\Proyectos\Models\Projects;
use Iugo\Sliders\Models\Sliders;

function onStart() 
{
    $this['sliders'] = Sliders::orderBy('created_at', 'desc')->get();
    $this['projects'] = Projects::orderBy('created_at', 'desc')->take(4)->get();
}
?>
==
{% put styles %}
    <link rel="stylesheet" media="all" href="{{'assets/css/home.css'|theme}}"> 
    <title>IUGO | {{this.page.meta_title}}</title>
    <link rel="canonical" href="{{'home'|page}}">
    <meta property="og:type" content="website">
    <meta property="og:title" content="IUGO Software & Design Studio">
    <meta property="og:url" content="{{'home'|page}}">
    <meta property="og:description" content="">
    <meta property="article:published_time" content="">
    <meta name="twitter:title" content="{{ project.name }}">
    <meta name="twitter:description" content="">
    <meta name="description" content="">
    <meta name="twitter:image" content="{{ asset('/img/logo/logo.png') }}">
    <meta property="og:image" content="{{ asset('/img/logo/logo.png') }}">
    <meta property="og:image:type" content="image/png">
    <meta property="og:image:width" content="300">
    <meta property="og:image:height" content="300">
    <meta itemprop="name" content="IUGO | {{this.page.meta_title}}">
    <meta itemprop="description" content="">
    <meta itemprop="image" content="{{ asset('/img/logo/logo.png') }}">
{% endput %}

    <!-- begin header -->
    {% partial "header" %}
    <!-- end header -->
<!-- begin slider -->
<div class="slider js-slider">
    <div class="inner slider__inner">
      <div class="slider__pictures">
        <img src="{{'assets/images/hero/ecommerce-2@2x.png'|theme}}" alt="E-COMMERCE DEVELOPMENT" class="slider__picture slider__picture_1 js-slider-picture" data-index="1">
        <img src="{{'assets/images/hero/home-jeanvernier.png'|theme}}" alt="BRANDING DESIGN" class="slider__picture slider__picture_1 js-slider-picture" data-index="2">
        <img src="{{'assets/images/hero/home-daps.png'|theme}}" alt="UI/UX" class="slider__picture slider__picture_2 js-slider-picture" data-index="3">
        <img src="{{'assets/images/hero/home-starcenter.png'|theme}}" alt="LARAVEL DEVELOPMENT" class="slider__picture slider__picture_3 js-slider-picture" data-index="4">
      </div>
      <div class="slider__content owl-carousel js-slider-content">
        <div class="slider__slide slider__slide_pink js-slider-slide" data-index="1">
          <div class="slider__info">
            <div class="slider__label">WE ARE IUGO,</div>
            <div class="slider__subtitle">WE ROCK AT</div>
            <div class="slider__title">E-COMMERCE DEVELOPMENT</div>
          </div>
        </div>
        <div class="slider__slide slider__slide_pink js-slider-slide" data-index="2">
          <div class="slider__info">
            <div class="slider__label">WE ARE IUGO,</div>
            <div class="slider__subtitle">WE ROCK AT</div>
            <div class="slider__title">BRANDING DESIGN</div>
          </div>
        </div>
        <div class="slider__slide slider__slide_yellow js-slider-slide" data-index="3">
          <div class="slider__info">
            <div class="slider__label">WE ARE IUGO,</div>
            <div class="slider__subtitle">WE ROCK AT</div>
            <div class="slider__title">UI/UX</div>
          </div>
        </div>
        <div class="slider__slide slider__slide_azure js-slider-slide" data-index="4">
          <div class="slider__info">
            <div class="slider__label">WE ARE IUGO,</div>
            <div class="slider__subtitle">WE ROCK AT</div>
            <div class="slider__title-sm">LARAVEL DEVELOPMENT</div>
          </div>
        </div>
      </div>
    </div>
  </div>
      <!-- end slider -->
      <!-- begin projects -->
      <div class="projects projects_gray">
        <div class="projects__inner inner">
          <div class="projects__head">
            <div class="projects__titles">
              <div class="projects__label">LATEST</div>
              <h2 class="projects__title-lg title-lg text-yellow">projects</h2>
            </div>
            <div class="projects__all"> <a href="{{'work'|page}}" class="btn-text">ALL CASE STUDIES
<svg class="icon icon-arrow-right "><use xlink:href="{{'assets/images/sprite.svg#icon-arrow-right'|theme}}"></use></svg>
</a> </div>
          </div>
          <div class="projects__wrap">
          {% for project in projects %}
              {% if loop.index % 2 != 0 %}
                <div class="projects__row">
              <!-- begin project -->
              <div class="project" data-anim-parent>
                <div class="project__img-wrap" data-anim-from="bottom">
                  <div class="project__img" style="background-image: url({{project.main_image|media}})">
                    <div class="project__overlay" style="background-color: {{project.color}}" ></div>
                  </div>
                </div>
                <div class="project__wrap"> <a href="/work/{{project.slug}}" class="project__name" data-anim-from="bottom"><span class="project__line" style="background-color: {{project.color}}"></span>{{project.name}}
<svg class="icon icon-arrow-right "><use xlink:href="{{'assets/images/sprite.svg#icon-arrow-right'|theme}}"></use></svg>
</a> </div>
              </div>
              <!-- end project -->
            </div>
              {% else %}
            <div class="projects__row">
              <!-- begin project -->
              <div class="project" data-anim-parent>
                <div class="project__wrap"> <a href="/work/{{project.slug}}" class="project__name" data-anim-from="bottom"><span class="project__line" style="background-color: {{project.color}}"></span>{{project.name}}
<svg class="icon icon-arrow-right "><use xlink:href="{{'assets/images/sprite.svg#icon-arrow-right'|theme}}"></use></svg>
</a> </div>
                <div class="project__img-wrap" data-anim-from="bottom">
                  <div class="project__img" style="background-image: url({{project.main_image|media}})">
                    <div class="project__overlay project__overlay_top-right" style="background-color: {{project.color}}" ></div>
                  </div>
                </div>
              </div>
              <!-- end project -->
            </div>
              {% endif %}
          {% endfor %}
          </div>
        </div>
      </div>
      <!-- end projects -->
      <!-- begin create -->
      <div class="create" data-anim-parent>
        <div class="create__inner inner">
          <div class="create__wrap">
            <h2 class="create__title-lg title-lg" data-anim-from="bottom">we create</h2>
            <p data-anim-from="bottom">Do you have an idea? Let’s turn it into a reliable, useful and scalable product.</p>
            <div class="create__footer" data-anim-from="bottom">
            <a href="{{'services'|page}}" class="btn-text btn-text_pink">SERVICES & PROCESS
<svg class="icon icon-arrow-right "><use xlink:href="{{'assets/images/sprite.svg#icon-arrow-right'|theme}}"></use></svg>
</a> </div>
          </div>

          <img src="{{'assets/images/process.png'|theme}}" class="create__process">
        </div>
      </div>