45 lines
2.1 KiB
HTML
45 lines
2.1 KiB
HTML
<section class="features-1 bg-alternate" aria-label="features-12">
|
|
<div class="container-fluid g-0">
|
|
<div class="row g-0 wrap">
|
|
<div class="col-md-6 align-self-center">
|
|
<div class="max-box" data-aos="fade-right">
|
|
<!--
|
|
<span class="badge bg-success rounded-pill px-3">new</span>
|
|
-->
|
|
<h2 class="display-6 fw-semibold">Real time code editor</h2>
|
|
<div class="mt-4">
|
|
<p class="lead">Code editor with syntax highglighting that updates in real time.</p>
|
|
<p class="lead">Use any of the hundreds fonts from google fonts for your design.</p>
|
|
<p class="lead">Powerful and easy to use drag and drop builder for blogs, websites or ecommerce stores.</p>
|
|
</div>
|
|
<a tile="Code editor features" href="/page/about" role="button">
|
|
<span>Learn More</span>
|
|
<i class="la la-long-arrow-alt-right ms-1"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<img src="demo/img/video-1.webp" alt="Macbook" loading="lazy" class="img-fluid w-100" data-aos="fade-right" />
|
|
</div>
|
|
</div>
|
|
<div class="row g-0 wrap">
|
|
<div class="col-md-6">
|
|
<img src="demo/img/video-1.webp" alt="App development" loading="lazy" class="img-fluid w-100" data-aos="fade-right" />
|
|
</div>
|
|
<div class="col-md-6 align-self-center">
|
|
<div class="max-box ms-auto" data-aos="fade-left">
|
|
<!-- <span class="badge bg-success rounded-pill px-3">on sale</span> -->
|
|
<h2 class="display-6 fw-semibold">Drag and drop page builder</h2>
|
|
<div class="mt-4">
|
|
<p class="lead">Intuitive building with simple drag and drop for sections, components and blocks.</p>
|
|
<p class="lead">The html for sections blocks and components and this template are built using Bootstrap.</p>
|
|
</div>
|
|
<a title="Drag and drop" href="/page/about" role="button">
|
|
<span>Learn More</span>
|
|
<i class="la la-long-arrow-alt-right ms-1"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> |