---json
{
    "cache_expiration_frequency": "@daily",
    "description": "Advertise yourself, your documentation or your company with a product that makes a qualitative website design, creation and management, unique, easy and fun",
    "dynamic_quality_monitoring": "false",
    "featured-raster-image": ":undraw_icon_design_re_9web.png",
    "featured-svg-image": ":undraw_icon_design_re_9web.svg",
    "keywords": "bootstrap,dokuwiki,documentation,website,frontend,landing page",
    "low_quality_page": "false",
    "name": "Home",
    "page_id": "i9tisp0vsttpkjs46av1o",
    "template": "landing",
    "title": "ComboStrap - Create your web footprint that lasts ForEver "
}
---

<bar hero="lg"  >
    <background opacity="0.4">{{ :combostrap:background:object-multicolor.svg |}}</background>
    <grid>
            <box spacing="ps-lg-5" width=60%>
               <box>
<heading d4 spacing="mb-3">Hackers, Don't stay **Behind**, \\ Gain **Visibility** and **Opportunities** from your knowledge</heading>
<text h3 boldness="light">The next generation writing platform </text>
<text lead width="500">
ComboStrap supports you along the way, from information gathering to proper publication.
</text>
               </box>
            </box>
            <box align="x-center y-center">
{{ ::undraw_icon_design_re_9web.svg?300&nolink |}}
            </box>
</grid>
</bar>



<bar hero="lg"  background-color="light">
<box align="text-center">
   <heading h2>Really useful features</heading>
   <text lead width="400px" align="center">You get all components fully customized out of the box and ready to use.</text>
</box>

<grid max-line="4-lg">
<box>
    <icon name="bs:markdown-fill" spacing="my-3" width="2.75rem"/>
    <text h5>Extended Markdown</text>
    No Code. Just declare what you want in markdown or wiki format and watch the magic happen.
</box>

<box>
    <icon name="palette" spacing="my-3" width="2.75rem"/>
    <text h5>Themes loaded</text>
    Choose any theme you want. You got a new design in second, not month.
</box>

<box>
    <icon name="bs:inboxes-fill" spacing="my-3" width="2.75rem"/>
    <text h5>100+ Components</text>
    Nicely customized components that can be reused anytime and anywhere in your project.
</box>

<box>
    <icon name="puzzle" spacing="my-3" width="2.75rem"/>
    <text h5>Everything is modular</text>
    All components can be reused and composed to create the design of your dream
</box>

<box>
    <icon name="bs:arrows-collapse" spacing="my-3" width="2.75rem"/>
    <text h5>Team ready</text>
    Collaborate on your pages, apply your changes immediately, see the history and even come back to a revision
</box>

<box>
<icon name="twitter" spacing="my-3" width="2.75rem"/>
<text h5>Social from the start</text>
Advertise automatically with a a professional look your pages to social network such as  Twitter,  Facebook,  Google.
</box>

<box>
<icon name="bs:card-image" spacing="my-3" width="2.75rem"/>
<text h5>Illustrations</text>
Incorporate vivid illustrations to emphase and make your message stronger
</box>

<box>
<icon name="asterisk" spacing="my-3" width="2.75rem"/>
<text h5>Icons included</text>
More than 1500 icons to your fingertip to add more intuitive and playful touch to your website.
</box>

<box>
<icon name="rocket-launch" spacing="my-3" width="2.75rem"/>
<text h5>Fast as hell</text>
Fast pages means a better user experience, a better place in Google Search
and more visitors.
Your pages will reach the top score of the Google Lighthouse Performance Index.
</box>

<box>
<icon name="bs:geo-alt-fill" spacing="my-3" width="2.75rem"/>
<text h5>SEO ready</text>
Be visible from the start. \\ Increase your Domain Authority (DA)
with the SEO module.
</box>

<box>
<icon name="coffee" spacing="my-3" width="2.75rem"/>
<text h5>Own your work</text>
Based on text files and an open syntax, your pages are not ours but yours.
Copy them on your computer, render them with any third open engine.
</box>

<box>
<icon name="seal" spacing="my-3" width="2.75rem"/>
<text h5>Page Quality</text>
Get a feedback on the quality of your pages and
even block them from publishing if they don't reach your standard
</box>

<box>
<icon name="bs:bar-chart-fill" spacing="my-3" width="2.75rem"/>
<text h5>Page Analytics Powered</text>
Answer all your questions and get great insight on your pages.
(Words count, intra-links, broken links, ...)
</box>

<box>
<icon name="bs:card-heading" spacing="my-3" width="2.75rem"/>
<text h5>Ad System Ready</text>
Monetize your content and place ads
between reading section to balance between user experience
and increase traffic.
</box>

<box>
<icon name="semantic-web" spacing="my-3" width="2.75rem"/>
<text h5>Semantic Web</text>
Control the rendering of your pages on external website. \\
Create permalink and even publish your company location.
</box>

<box>
<icon name="translate" spacing="my-3" width="2.75rem"/>
<text h5>International</text>
The pages support natively language and templating localization. You are Right-To-Left language ready from the start.
</box>

<box>
<icon name="bs:shield-shaded" spacing="my-3" width="2.75rem"/>
<text h5>Security by design</text>
No database, no Sql injection. \\
Easy backup with plaintext files and
file history.
</box>

<box>
<icon name="bs:phone-fill" spacing="my-3" width="2.75rem"/>
<text h5>Mobile-first</text>
Beautiful on all screens from the start.
All components have been build responsive and mobile-first.
</box>

<box>
<icon name="bootstrap5" spacing="my-3" width="2.75rem"/>
<text h5>Latest Bootstrap 5</text>
Built with and extends the world's most popular styling library.
</box>

<box>
<icon name="material-design" spacing="my-3" width="2.75rem"/>
<text h5>Material Design</text>
All components follows the Material Design guidelines to bring more clarity.
</box>

<box>
<icon name="git" spacing="my-3" width="2.75rem"/>
<text h5>Publish when ready</text>
Based on simple text files, you can develop on Git, create revision
and publish your web publication when ready.
</box>

<box>
<icon name="github" spacing="my-3" width="2.75rem"/>
<text h5>Open Source Philosophy</text>
The platform is open source, guarantee of sustainability and
 supporting your investment. You can even fork it and makes it your own.
</box>

</grid>

</bar>

<bar hero="lg" height="60vh">
   <background opacity="0.7">{{:woman-yoga-sunset.jpg|}}</background>
   <box width="300px" align="text-center" color="secondary">
       <heading h1>Ready for the journey?</heading>
       <text lead>Become a publisher today</text>
       [[howto:getting_started:getting_started?preview=false|<icon name="bs:play-circle-fill" width="3.75rem" color="secondary"/>]]
   </box>
</bar>

<bar hero="lg" >
\\
\\
\\

<grid align="text-center y-center">
       <box>
           <icon name="heart" color="danger" width="3rem"/>
           <text h3 color="danger">97%</text>
           <text color="secondary">Happy clients</text>
       </box>
       <box>
           <icon name="bs:clock-fill" color="primary" width="3rem"/>
           <text h3 color="primary">365x7</text>
           <text color="secondary">Customer support</text>
        </box>
       <box>
           <icon name="bs:stack" color="warning" width="3rem"/>
           <text h3 color="warning">100+</text>
           <text color="secondary">Fresh components</text>
        </box>
       <box>
           <icon name="bs:file-richtext-fill" color="info" width="3rem"/>
           <text h3 color="info">300+</text>
           <text color="secondary">Documentation pages</text>
        </box>
</grid>
\\
\\
\\
\\
</bar>