720 lines
31 KiB
HTML
720 lines
31 KiB
HTML
<html data-vvvebjs-editor><head><base src="../"><link href="../css/style.bundle.css" rel="stylesheet"><link href="../css/screenshots.css" rel="stylesheet"><style>[data-reveal] {
|
|
opacity: 1;
|
|
transform: translate(0);
|
|
}</style><link href="../css/screenshots.css" rel="stylesheet"></head><body><section title="Features 1" class="features-1 bg-alternate" aria-label="features-1">
|
|
<div class="container">
|
|
<div class="row g-5 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/illustrations.co/118-macbook.svg" alt="Macbook" loading="lazy" class="img-fluid" data-aos="fade-left" />
|
|
</div>
|
|
</div>
|
|
<div class="row g-5 wrap">
|
|
<div class="col-md-6">
|
|
<img src="demo/img/illustrations.co/day95-app-development.svg" alt="App development" loading="lazy" class="img-fluid" 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><section title="Features 2" class="features-2 py-5 bg-alternate" aria-label="features-2">
|
|
|
|
<div class="row no-gutters">
|
|
<div class="col-lg-6">
|
|
<img alt="image" src="demo/img/illustrations.co/day68-happy-cat.svg" alt="happy cat" loading="lazy" class="img-fluid">
|
|
</div>
|
|
|
|
<div class="col-lg-6 bg-primary bg-gradient text-white d-flex">
|
|
|
|
<div class="text-box align-self-center">
|
|
<h3 class="text-white mb-3">Code editor with syntax highlighting that updates in real time</h3>
|
|
<p>The html for sections blocks and components and this template are built using Bootstrap 5</p>
|
|
<ul class="list-block">
|
|
<li class="my-2">
|
|
<span>Intuitive building with simple drag and drop for sections, components and blocks/snippets.</span>
|
|
</span>
|
|
</li>
|
|
<li class="my-2">
|
|
<span>Code editor with syntax highglighting that updates in real time.</span>
|
|
</li>
|
|
<li class="my-2">
|
|
<span>Search and insert CCO images directly into the page. </span>
|
|
</li>
|
|
<li class="my-2">
|
|
<span>The html for sections blocks and components and this template are built using bootstrap 5.</span>
|
|
</li>
|
|
</ul>
|
|
<a class="btn btn-outline-light mt-3">
|
|
<span>Learn More</span>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section><section title="Features 3" class="features-3 py-5 bg-alternate" aria-label="features-3">
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-6 d-flex align-items-center">
|
|
<div class="row">
|
|
<div class="col-md-12 mb-4">
|
|
<div class="d-flex align-items-center">
|
|
<div>
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="72" height="72" color="#1064ea" fill="#fff">
|
|
<polyline points="336 176 225.2 304 176 255.8" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></polyline>
|
|
<path d="M463.1,112.37C373.68,64.33,336.71,84.45,256,48,175.29,84.45,138.32,64.33,48.9,112.37,32.7,369.13,240.58,457.79,256,464,271.42,457.79,479.3,369.13,463.1,112.37Z" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></path>
|
|
</svg>
|
|
|
|
</div>
|
|
<div class="p-4">
|
|
<h6 class="text-muted">
|
|
<a class="linking">Live code edit</a>
|
|
</h6>
|
|
<p class="mt-3">Code editor with syntax highglighting for html css and javascript that updates in real time.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12 mb-4">
|
|
<div class="d-flex align-items-center">
|
|
<div>
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="icons" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" style="enable-background:new 0 0 512 512;" xml:space="preserve" width="72" height="72" color="#1064ea" fill="#fff">
|
|
<path d="M419.1,337.45a3.94,3.94,0,0,0-6.1,0c-10.5,12.4-45,46.55-45,77.66,0,27,21.5,48.89,48,48.89h0c26.5,0,48-22,48-48.89C464,384,429.7,349.85,419.1,337.45Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"></path>
|
|
<path d="M387,287.9,155.61,58.36a36,36,0,0,0-51,0l-5.15,5.15a36,36,0,0,0,0,51l52.89,52.89,57-57L56.33,263.2a28,28,0,0,0,.3,40l131.2,126a28.05,28.05,0,0,0,38.9-.1c37.8-36.6,118.3-114.5,126.7-122.9,5.8-5.8,18.2-7.1,28.7-7.1h.3A6.53,6.53,0,0,0,387,287.9Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"></path>
|
|
</svg>
|
|
|
|
</div>
|
|
<div class="p-4">
|
|
<h6 class="text-muted">
|
|
<a class="linking">Drag and drop</a>
|
|
</h6>
|
|
<p class="mt-3">The html for sections blocks and components and this template are built using Bootstrap 5.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12 mb-4">
|
|
<div class="d-flex align-items-center">
|
|
<div>
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="icons" width="72" height="72" color="#1064ea" fill="#fff" stroke-width="28">
|
|
<path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" fill-rule="evenodd" d="M80,176a16,16,0,0,0-16,16V408c0,30.24,25.76,56,56,56H392c30.24,0,56-24.51,56-54.75V192a16,16,0,0,0-16-16Z"></path>
|
|
<path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" fill-rule="evenodd" d="M160,176V144a64,64,0,0,1,64-64h0a64,64,0,0,1,64,64v32"></path>
|
|
</svg>
|
|
|
|
</div>
|
|
<div class="p-4">
|
|
<h6 class="text-muted">
|
|
<a class="linking">Bootstrap 5</a>
|
|
</h6>
|
|
<p class="mt-3">The html for sections blocks and components and this template are built using Bootstrap 5.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-6">
|
|
<img src="demo/img/illustrations.co/day67-dog.svg" alt="dog" loading="lazy" class="img-fluid" />
|
|
</div>
|
|
|
|
<div class="col-md-12 mt-3 text-center">
|
|
<a class="btn btn-primary ">View Details</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section><section title="Features 4" class="features-4 py-5 bg-primary bg-gradient text-white" aria-label="features-4">
|
|
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col text-center">
|
|
<h2>Our product features</h2>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="row text-center justify-content-sm-center no-gutters">
|
|
<div class="col-12 col-sm-10 col-md-8 col-lg-7 col-xl-3 m-auto">
|
|
<div>
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="96" height="96" color="#fff" fill="#fff">
|
|
<polyline points="336 176 225.2 304 176 255.8" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></polyline>
|
|
<path d="M463.1,112.37C373.68,96.33,336.71,84.45,256,48,175.29,84.45,138.32,96.33,48.9,112.37,32.7,369.13,240.58,457.79,256,464,271.42,457.79,479.3,369.13,463.1,112.37Z" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></path>
|
|
</svg>
|
|
|
|
<h3 class="mt-3">Drag and drop</h3>
|
|
|
|
<p class="mt-2">Intuitive building with simple drag and drop for sections, components and blocks/snippets.</p>
|
|
<p class="mt-4">
|
|
<a>Learn More <i class="la la-angle-right"></i>
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-10 col-md-8 col-lg-7 col-xl-3 m-auto pt-5 pt-xl-0">
|
|
<div>
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="icons" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" style="enable-background:new 0 0 512 512;" xml:space="preserve" width="96" height="96" color="#fff" fill="#fff">
|
|
<path d="M419.1,337.45a3.94,3.94,0,0,0-6.1,0c-10.5,12.4-45,46.55-45,77.66,0,27,21.5,48.89,48,48.89h0c26.5,0,48-22,48-48.89C464,384,429.7,349.85,419.1,337.45Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"></path>
|
|
<path d="M387,287.9,155.61,58.36a36,36,0,0,0-51,0l-5.15,5.15a36,36,0,0,0,0,51l52.89,52.89,57-57L56.33,263.2a28,28,0,0,0,.3,40l131.2,126a28.05,28.05,0,0,0,38.9-.1c37.8-36.6,118.3-114.5,126.7-122.9,5.8-5.8,18.2-7.1,28.7-7.1h.3A6.53,6.53,0,0,0,387,287.9Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"></path>
|
|
</svg>
|
|
|
|
<h3 class="mt-3">Live code edit</h3>
|
|
|
|
<p class="mt-2">Code editor with syntax highglighting that updates in real time.</p>
|
|
<p class="mt-4">
|
|
<a>Learn More <i class="la la-angle-right"></i>
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-10 col-md-8 col-lg-7 col-xl-3 m-auto pt-5 pt-xl-0">
|
|
<div>
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="icons" width="96" height="96" color="#fff" fill="#fff" stroke-width="28">
|
|
<path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" fill-rule="evenodd" d="M80,176a16,16,0,0,0-16,16V408c0,30.24,25.76,56,56,56H392c30.24,0,56-24.51,56-54.75V192a16,16,0,0,0-16-16Z"></path>
|
|
<path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" fill-rule="evenodd" d="M160,176V144a96,96,0,0,1,96-96h0a96,96,0,0,1,96,96v32"></path>
|
|
</svg>
|
|
|
|
<h3 class="mt-3">Bootstrap 5</h3>
|
|
|
|
<p class="mt-2">The html for sections blocks and components and this template are built using Bootstrap 5.</p>
|
|
<p class="mt-4">
|
|
<a>Learn More <i class="la la-angle-right"></i>
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</section><section title="Features 5" class="features-5 py-5 bg-alternate" aria-label="features-5">
|
|
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-12 col-md-8 col-lg-6 m-md-auto ms-lg-0 me-lg-auto">
|
|
<img src="demo/img/illustrations.co/day67-dog.svg" alt="dog" loading="lazy" class="img-fluid" />
|
|
</div>
|
|
<div class="col-12 col-lg-6 col-xl-5 ms-sm-auto pt-5 pt-lg-0">
|
|
<h2>Open Source CMS Reinvented</h2>
|
|
|
|
<div class="row pt-4 pt-xl-5">
|
|
<div class="col-12 col-sm-6 col-xl-5">
|
|
<h4>
|
|
<strong>Drag and drop</strong>
|
|
</h4>
|
|
<p>Intuitive building with simple drag and drop for sections, components and blocks/snippets</p>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-xl-5 m-auto pt-3 pt-sm-0">
|
|
<h4>
|
|
<strong>Live code edit</strong>
|
|
</h4>
|
|
<p>Code editor with syntax highglighting that updates in real time.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row pt-3">
|
|
<div class="col-12 col-sm-6 col-xl-5">
|
|
<h4>
|
|
<strong>Bootstrap 5</strong>
|
|
</h4>
|
|
<p>The html for sections blocks and components and this template are built using bootstrap 5</p>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-xl-5 m-auto pt-3 pt-sm-0">
|
|
<h4>
|
|
<strong>Google fonts</strong>
|
|
</h4>
|
|
<p>Use any of the hundreds fonts from google fonts for your design</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</section><section title="Features 6" class="features-6 py-5 bg-alternate" aria-label="features-6">
|
|
<div class="container">
|
|
<div class="row text-center">
|
|
<div class="col-12">
|
|
<h2>Our product features</h2>
|
|
</div>
|
|
</div>
|
|
<div class="row text-center justify-content-center">
|
|
<div class="col-12 col-sm-4 col-xl-3 m-md-auto">
|
|
<div>
|
|
<img loading="lazy" src="demo/img/illustrations.co/109-map-location.svg" alt="map location">
|
|
<h3>Drag and drop</h3>
|
|
<p class="lead text-muted mt-4">Intuitive building with simple drag and drop for sections, components and blocks/snippets</p>
|
|
|
|
<a>Learn More</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 col-sm-4 col-xl-3 m-md-auto">
|
|
<div>
|
|
<img loading="lazy" src="demo/img/illustrations.co/107-healthy.svg" alt="dumbbell">
|
|
<h3>Live code editor</h3>
|
|
<p class="lead text-muted mt-4">Code editor with syntax highglighting that updates in real time</p>
|
|
|
|
<a>Learn More</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 col-sm-4 col-xl-3 m-md-auto">
|
|
<div>
|
|
<img loading="lazy" src="demo/img/illustrations.co/104-dumbbell.svg" alt="dumbbell">
|
|
<h3>Bootstrap 5</h3>
|
|
<p class="lead text-muted mt-4">The html for sections blocks and components and this template are built using bootrap 5</p>
|
|
|
|
<a>Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section><section title="Features 7" class="features-7 py-5 bg-alternate" aria-label="features-7">
|
|
<div class="container">
|
|
<div class="row text-center">
|
|
<div class="col-12">
|
|
<h2>Our product features</h2>
|
|
</div>
|
|
</div>
|
|
<div class="row text-center justify-content-center">
|
|
<div class="col-12 col-md-6 col-lg-3">
|
|
<div>
|
|
<img alt="map location" loading="lazy" src="demo/img/illustrations.co/109-map-location.svg">
|
|
<h3>Drag and drop</h3>
|
|
<p class="lead text-muted mt-4">Intuitive building with simple drag and drop for sections, components and blocks/snippets</p>
|
|
|
|
<a>Learn More</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 col-md-6 col-lg-3">
|
|
<div>
|
|
<img alt="healthy" loading="lazy" src="demo/img/illustrations.co/107-healthy.svg">
|
|
<h3>Live code editor</h3>
|
|
<p class="lead text-muted mt-4">Code editor with syntax highglighting that updates in real time</p>
|
|
|
|
<a>Learn More</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 col-md-6 col-lg-3">
|
|
<div>
|
|
<img alt="dumbbell" loading="lazy" src="demo/img/illustrations.co/104-dumbbell.svg">
|
|
<h3>Bootstrap 5</h3>
|
|
<p class="lead text-muted mt-4">The html for sections blocks and components and this template are built using Bootstrap 5</p>
|
|
|
|
<a>Learn More</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 col-md-6 col-lg-3">
|
|
<div>
|
|
<img alt="namaste" loading="lazy" src="demo/img/illustrations.co/126-namaste-no-hand-shake.svg">
|
|
<h3>Google fonts</h3>
|
|
<p class="lead text-muted mt-4">Use any of the hundreds fonts from google fonts for your design</p>
|
|
|
|
<a>Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section><section title="Features 8" class="features-8 py-5 bg-alternate" aria-label="features-8">
|
|
<div class="container">
|
|
<div class="row text-center">
|
|
<div class="col-12">
|
|
<h2>Our product features</h2>
|
|
</div>
|
|
</div>
|
|
<div class="row text-start mt-5">
|
|
<div class="col-12 col-md-4">
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<img alt="map location" loading="lazy" src="demo/img/illustrations.co/109-map-location.svg">
|
|
</div>
|
|
<div class="col-9">
|
|
<h4>Drag and drop</h4>
|
|
<p class="lead text-muted mt-4">Intuitive building with simple drag and drop for sections, components and blocks/snippets</p>
|
|
<a>Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 col-md-4 pt-3 pt-sm-4">
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<img alt="healthy" loading="lazy" src="demo/img/illustrations.co/107-healthy.svg">
|
|
</div>
|
|
<div class="col-9">
|
|
<h4>Live code editor</h4>
|
|
<p class="lead text-muted mt-4">Code editor with syntax highglighting that updates in real time</p>
|
|
<a>Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 col-md-4 pt-3 pt-sm-4">
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<img alt="dumbbell" loading="lazy" src="demo/img/illustrations.co/104-dumbbell.svg">
|
|
</div>
|
|
<div class="col-9">
|
|
<h4>Bootstrap 5</h4>
|
|
<p class="lead text-muted mt-4">The html for sections blocks and components and this template are built using bootrap 5</p>
|
|
<a>Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row text-start pt-3 pt-sm-4 pt-md-5">
|
|
<div class="col-12 col-md-4">
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<img alt="namaste" loading="lazy" src="demo/img/illustrations.co/126-namaste-no-hand-shake.svg">
|
|
</div>
|
|
<div class="col-9">
|
|
<h4>Google fonts</h4>
|
|
<p class="lead text-muted mt-4">Use any of the hundreds fonts from google fonts for your design</p>
|
|
<a>Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 col-md-4 pt-3 pt-sm-4">
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<img alt="map location" loading="lazy" src="demo/img/illustrations.co/109-map-location.svg">
|
|
</div>
|
|
<div class="col-9">
|
|
<h4>Drag and drop</h4>
|
|
<p class="lead text-muted mt-4">Intuitive building with simple drag and drop for sections, components and blocks/snippets</p>
|
|
<a>Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 col-md-4 pt-3 pt-sm-4">
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<img alt="healthy" loading="lazy" src="demo/img/illustrations.co/107-healthy.svg">
|
|
</div>
|
|
<div class="col-9">
|
|
<h4>Bootstrap 5</h4>
|
|
<p class="lead text-muted mt-4">The html for sections blocks and components and this template are built using bootrap 5</p>
|
|
<a>Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section><section title="Features 9" class="features-9 py-5 bg-alternate" aria-label="features-9">
|
|
<div class="container">
|
|
<div class="row text-center">
|
|
<div class="col-12">
|
|
<h2>Our product features</h2>
|
|
</div>
|
|
</div>
|
|
<div class="row text-start mt-5">
|
|
<div class="col-12 col-sm-6 col-lg-3">
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<img alt="map location" loading="lazy" src="demo/img/illustrations.co/109-map-location.svg">
|
|
</div>
|
|
<div class="col-9">
|
|
<h4>Drag and drop</h4>
|
|
<p class="lead text-muted mt-4">Intuitive building with simple drag and drop for sections, components and blocks/snippets</p>
|
|
<a>Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-lg-3 pt-3 pt-sm-0">
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<img alt="healthy" loading="lazy" src="demo/img/illustrations.co/107-healthy.svg">
|
|
</div>
|
|
<div class="col-9">
|
|
<h4>Live code editor</h4>
|
|
<p class="lead text-muted mt-4">Code editor with syntax highglighting that updates in real time</p>
|
|
<a>Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-lg-3 pt-3 pt-lg-0">
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<img alt="dumbbell" loading="lazy" src="demo/img/illustrations.co/104-dumbbell.svg">
|
|
</div>
|
|
<div class="col-9">
|
|
<h4>Bootstrap 5</h4>
|
|
<p class="lead text-muted mt-4">The html for sections blocks and components and this template are built using bootrap 5</p>
|
|
<a>Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-lg-3 pt-3 pt-lg-0">
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<img alt="namaste" loading="lazy" src="demo/img/illustrations.co/126-namaste-no-hand-shake.svg">
|
|
</div>
|
|
<div class="col-9">
|
|
<h4>Google fonts</h4>
|
|
<p class="lead text-muted mt-4">Use any of the hundreds fonts from google fonts for your design</p>
|
|
<a>Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row text-start pt-3 pt-lg-5">
|
|
<div class="col-12 col-sm-6 col-lg-3">
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<img alt="map location" loading="lazy" src="demo/img/illustrations.co/109-map-location.svg">
|
|
</div>
|
|
<div class="col-9">
|
|
<h4>Drag and drop</h4>
|
|
<p class="lead text-muted mt-4">Intuitive building with simple drag and drop for sections, components and blocks/snippets</p>
|
|
<a>Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-lg-3 pt-3 pt-sm-0">
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<img alt="healthy" loading="lazy" src="demo/img/illustrations.co/107-healthy.svg">
|
|
</div>
|
|
<div class="col-9">
|
|
<h4>Bootstrap 5</h4>
|
|
<p class="lead text-muted mt-4">The html for sections blocks and components and this template are built using bootrap 5</p>
|
|
<a>Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-lg-3 pt-3 pt-lg-0">
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<img alt="map location" loading="lazy" src="demo/img/illustrations.co/109-map-location.svg">
|
|
|
|
</div>
|
|
<div class="col-9">
|
|
<h4>Drag and drop</h4>
|
|
<p class="lead text-muted mt-4">Intuitive building with simple drag and drop for sections, components and blocks/snippets</p>
|
|
<a>Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-lg-3 pt-3 pt-lg-0">
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<img alt="healthy" loading="lazy" src="demo/img/illustrations.co/107-healthy.svg">
|
|
</div>
|
|
<div class="col-9">
|
|
<h4>Live code editor</h4>
|
|
<p class="lead text-muted mt-4">Code editor with syntax highglighting that updates in real time</p>
|
|
<a>Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section><section title="Features 10" class="features-10 py-5 bg-alternate" aria-label="features-10">
|
|
<div class="container">
|
|
<div class="row text-end align-items-center">
|
|
<div class="col-12 col-md-6 m-auto">
|
|
<img src="demo/img/illustrations.co/day67-dog.svg" alt="dog" loading="lazy" class="img-fluid">
|
|
</div>
|
|
|
|
<div class="col-12 col-md-7 col-lg-5 m-auto text-start pt-5">
|
|
<div class="row pb-lg-5">
|
|
<div class="col-3">
|
|
<img src="demo/img/illustrations.co/107-healthy.svg" alt="healthy" loading="lazy" class="img-fluid">
|
|
</div>
|
|
<div class="col-9">
|
|
<h3>
|
|
<strong>Drag and drop</strong>
|
|
</h3>
|
|
<p>Even the all-powerful Pointing has no control about the blind texts.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row pt-4 pt-md-5 pb-lg-5">
|
|
<div class="col-3">
|
|
<img alt="image" src="demo/img/illustrations.co/104-dumbbell.svg" alt="dumbbell" loading="lazy" class="img-fluid">
|
|
</div>
|
|
<div class="col-9">
|
|
<h3>
|
|
<strong>Live code editor</strong>
|
|
</h3>
|
|
<p>Duden flows by their place far far away, behind the word mountains.</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="row pt-4 pt-md-5">
|
|
<div class="col-3">
|
|
<img alt="image" src="demo/img/illustrations.co/109-map-location.svg" alt="map location" loading="lazy" class="img-fluid">
|
|
</div>
|
|
<div class="col-9">
|
|
<h3>
|
|
<strong>Bootstrap 5 Components</strong>
|
|
</h3>
|
|
<p>A small river named Duden flows by their place and supplies it.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section><section title="Features 11" class="features-11 py-5 bg-alternate" aria-label="features-11">
|
|
<div class="container">
|
|
<div class="row text-center">
|
|
<div class="col-12 col-md-8 col-lg-4">
|
|
<div>
|
|
<img alt="image" src="demo/img/illustrations.co/109-map-location.svg" alt="map location" loading="lazy" class="img-fluid">
|
|
<h3>Drag and drop</h3>
|
|
<p class="lead text-muted mt-4">Intuitive building with simple drag and drop for sections, components and blocks/snippets.</p>
|
|
|
|
<a>Learn More</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 col-md-8 col-lg-4">
|
|
<div>
|
|
<img alt="image" src="demo/img/illustrations.co/107-healthy.svg" alt="healthy" loading="lazy" class="img-fluid">
|
|
<h3>Live code editor</h3>
|
|
<p class="lead text-muted mt-4">Code editor with syntax highglighting that updates in real time.</p>
|
|
|
|
<a>Learn More</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 col-md-8 col-lg-4">
|
|
<div>
|
|
<img alt="image" src="demo/img/illustrations.co/104-dumbbell.svg" alt="dumbbell" loading="lazy" class="img-fluid">
|
|
<h3>Bootstrap 5 Components</h3>
|
|
<p class="lead text-muted mt-4">The html for sections blocks and components and this template are built using bootstrap 5.</p>
|
|
|
|
<a>Learn More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section><section title="Features 12" 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><section title="Features 13" class="features-1 bg-alternate" aria-label="features-13">
|
|
<div class="container">
|
|
<div class="row 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>
|
|
</section><section title="Features 14" class="features-1 bg-alternate" aria-label="features-14">
|
|
<div class="container">
|
|
<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></body></html> |