index.html

---
namespace: index

permalink: /
permalink_en: /
---
<div class="container-fluid" style="padding-right: 0px;padding-left: 0px;">
	<section id="hero">
		<div style="background-image: url(&quot;/assets/img/book.webp&quot;);height: 500px;background-position: center;background-size: cover;background-repeat: no-repeat;">
			<div class="d-flex justify-content-center align-items-center" id="hero-text" style="height: inherit;min-height: initial;width: 100%;position: absolute;left: 0;background-color: rgba(33,11,11,0.53);color: #4a2113;">
				<div class="d-flex align-items-center order-12" style="height: 200px;">
					<div class="container">
						<h1 class="text-center text-white mostrador" style="font-weight: 600;">Empowering Writers</h1>
						<h3 class="text-center text-white" style="padding-top: 0.25em;padding-bottom: 0.25em;font-weight: normal;">We want to make it possible for every individual to write one or more books</h3>
					</div>
				</div>
			</div>
		</div>
	</section>
</div>
<div class="container-fluid">
	<section id="goals">
		<div>
			<div class="row">
				<div class="col">
					<h2 class="text-center"><strong>IS OUR WHISH TO</strong></h2>
				</div>
			</div>
			<div class="row">
				<div class="col-lg-4 d-flex flex-column align-items-center goal-item">
					<i class="book-open"></i>
					<h3>MAKE IT EASY</h3>
					<p>Writers should only be focused on creating the content. Let the rest with us</p>
				</div>
				<div class="col-lg-4 d-flex flex-column align-items-center goal-item">
					<i class="creative-commons-nc"></i>
					<h3>MAKE IT AFFORDABLE</h3>
					<p>Every person of society, independent of his or hers bank account, should be able to create a book without being limited</p>
				</div>
				<div class="col-lg-4 d-flex flex-column align-items-center goal-item">
					<i class="creative-commons"></i>
					<h3>MAKE THE RIGHTS YOURS</h3>
					<p>We want you, not the publisher, to have the rights to your finished works, so that you can decide what you wish to do with it</p>
				</div>
			</div>
		</div>
	</section>
</div>
<div class="container-fluid" style="background-color: #363647;">
	<section id="start">
		<div class="highlight-phone" style="background-color: transparent;">
			<div class="row">
				<div class="col-md-8">
					<div class="intro">
						<h2 class="text-white mostrador mostrador-2"><strong>EVERYONE HAS A GOOD STORY TO TELL</strong></h2>
						<p class="text-light">
							We believe your stories will make a difference. Maybe in someone&#x2019;s life or in an entire group. We will give you the resources you need to acomplish your work.<br>
							<br>
							Your books are the seed. Plant it and leave the world a better place &#x2026; an even more <strong>beautiful</strong> one.
							<br>
						</p>
						<a class="btn btn-danger" role="button" href="/free-software/">Start writing</a>
					</div>
				</div>
				<div class="col-sm-4 d-flex">
					<div class="d-none d-md-block iphone-mockup">
						{% include element/img.html lazy="true" class="img-fluid" src="/assets/img/books-right.webp" alt="A pile of books" %}
					</div>
				</div>
			</div>
		</div>
	</section>
</div>