Solytic is a central platform for a decentralized solar PV ecosystem. They are on a mission to take solar PV to the next level using digitalization and automation to reach the full potential of each system.
The objective was to translate High Contrast's impeccable design into a website that perfectly communicates Solytic's ambitious brand.
The most popular open source Content Management System (CMS) is used by approximately 75 million websites. WordPress is free to install, deploy, and upgrade.
HTML defines the content, and CSS decorates it and helps tell how it is displayed. CSS stands for Cascading Stylesheet. This means there is a hierarchy of style attributes overwriting other attributes that affect the same elements.
HTML (HyperText Markup Language) is the most basic building block of the Web. It defines the meaning and structure of web content. Other technologies besides HTML are generally used to describe a web page's appearance/presentation (CSS) or functionality/behavior (JavaScript).
JavaScript is a computer-readable language with many uses, most notably in web pages. JavaScript is "read" or interpreted by your browser, like Chrome or Firefox, which executes the instructions. JavaScript enhances the web page by allowing it to become more "interactive."
PHP (recursive acronym for PHP: Hypertext Preprocessor) is a widely-used open source general-purpose scripting language that is especially suited for Web Development and can be embedded into HTML.
The CentOS Linux distribution is a stable, predictable, manageable, and reproducible platform derived from the sources of Red Hat Enterprise Linux (RHEL).
A repository is what you use to store your codebase in GitLab and change it with version control.
<div class="homepage">
@php $banner = get_field('homepage_banner') @endphp
<div class="homepage-banner">
<div class="homepage-banner-background">
<div class="background">
<video autoplay muted loop playsinline id="background-video">
<source src="{{ $banner['background_video'] }}" type="video/mp4">
</video>
</div>
<div class="foreground">
<video autoplay muted loop playsinline id="foreground-video">
<source src="{{ $banner['foreground_video'] }}" type="video/mp4">
</video>
</div>
</div>
<div class="container">
<div class="homepage-banner-content">
<h1 class="homepage-banner-title text-h1">{{ $banner['title'] }}</h1>
<div class="homepage-banner-text text-body">{{ $banner['text'] }}</div>
<a href="{{ $banner['button']['page'] }}" class="homepage-banner-button button-cta text-cta">
{{ $banner['button']['label'] }}
</a>
</div>
</div>
</div>
<div class="homepage-above">
<div class="container">
<div class="homepage-logos">
@foreach (get_field('homepage_logos') as $logo)
<div class="homepage-logo">
{!! App\wp_image($logo['logo'], 'fullhd') !!}
</div>
@endforeach
</div>
<h3 class="homepage-intro text-h2">{{ get_field('homepage_intro') }}</h3>
</div>
</div>
</div>