applications.html

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Root -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="robots" content="index,follow">

    <!-- Meta -->
    <title>Appliations WriteLN</title>
    <meta name="description" content="WriteLN HTML Cloud Theme">
    <meta name="keywords" content="WriteLN, Theme"/>
    <meta name="copyright" content="WriteLN">

    <!-- Icons -->
    <link rel="icon" href="assets/static/favicon.png">

    <!-- Assets -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css">
    <link rel="stylesheet" href="assets/dist/bootstrap.css">
    <link rel="stylesheet" href="assets/dist/app.css">
    <script src="assets/dist/jquery.min.js"></script>
    <script src="assets/dist/bootstrap.min.js"></script>
    <script src="assets/dist/app.js"></script>
</head>
<body>

<!--
    Head Nav
-->
<nav class="navbar navbar-expand-md">
    <div class="container">
        <!-- Logo -->
        <a class="navbar-brand logo" href="index.html"><img src="assets/static/logo.svg" alt="WriteLN"></a>
        <!-- End Logo -->

        <!-- Navbar Toggler -->
        <button class="navbar-toggler collapsed" data-toggle="collapse" data-target="#navigation">
            <i class="fas fa-bars"></i>
        </button>
        <!-- End Navbar Toggler -->

        <!-- Navigation -->
        <div id="navigation" class="navbar-collapse collapse">
            <div class="content d-md-flex">
                <!--Left Menu Section-->
                <ul class="navbar-nav ml-md-5 mr-auto">
                    <li class="nav-item"><a class="nav-link" href="cloud.html">Features</a></li>
                    <li class="nav-item"><a class="nav-link" href="pricing.html">Pricing</a></li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Resources</a>
                        <div class="dropdown-menu">
                            <a class="dropdown-item media" href="faq.html">
                                <i class="far fa-question-circle"></i>
                                <span class="media-body align-self-center">FAQ</span>
                            </a>
                            <a class="dropdown-item media" href="refferer.html">
                                <i class="fas fa-hand-holding-usd"></i>
                                <span class="media-body align-self-center">Support Programs</span>
                            </a>
                            <a class="dropdown-item media" href="api.html">
                                <i class="fas fa-code"></i>
                                <span class="media-body align-self-center">Api Documentation</span>
                            </a>
                            <a class="dropdown-item media" href="network-status.html">
                                <i class="fas fa-server"></i>
                                <span class="media-body align-self-center">Network Status</span>
                            </a>
                        </div>
                    </li>
                </ul>
                <!-- End Left Menu Section -->

                <!-- Right Menu Section -->
                <ul class="navbar-nav">
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Company</a>
                        <div class="dropdown-menu">
                            <a class="dropdown-item media" href="about.html">About</a>
                            <a class="dropdown-item media" href="teams.html">Teams</a>
                            <a class="dropdown-item media" href="careers.html">Careers</a>
                            <a class="dropdown-item media" href="news.html">News</a>
                            <a class="dropdown-item media" href="legal.html">Legal</a>
                            <a class="dropdown-item media" href="contact.html">Contact</a>
                        </div>
                    </li>

                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">
                            <i class="fas fa-globe"></i>
                            <span class="text">Language</span>
                        </a>
                        <div class="dropdown-menu">
                            <a class="dropdown-item" href="#!">Deutsche</a>
                            <a class="dropdown-item" href="#!">English</a>
                        </div>
                    </li>
                    <li class="nav-item"><a class="nav-link" href="#!">Login</a></li>
                    <li class="nav-item hrbottom">
                        <hr>
                        <a class="btn btn-success btnregister" href="#!">Register</a>
                    </li>
                </ul>
                <!-- End Right Menu Section -->
            </div>
        </div>
        <!-- End Navigation -->
    </div>
</nav>

<!--
    Container
-->
<main>
    <!--Hero Section-->
    <div class="d-flex align-items-center section-main">
        <div class="back-gradient">
            <span></span><span></span><span></span><span></span><span></span>
            <span></span><span></span><span></span><span></span><span></span>
        </div>
        <div class="container title text-white">
            <h1 class="display-4 mb-0">One-Click Applications</h1>
            <p class="description mb-0 mt-4">Create your application server that does not require a preconfigured configuration in minutes.</p>
        </div>
    </div>
    <!--End Hero Section-->

    <!--Content Section-->
    <div class="section">
        <div class="container">
            <div class="row">
                <!--Icon-->
                <div class="col-md-3 col-sm-4 col-6">
                    <div class="card-os">
                        <img class="card-img" src="assets/static/icons/apache.svg" alt="LAMP">
                        <div class="body">
                            <h5 class="card-title">LAMP</h5>
                            <p class="card-text"></p>
                        </div>
                    </div>
                </div>
                <!--Icon-->
                <div class="col-md-3 col-sm-4 col-6">
                    <div class="card-os">
                        <img class="card-img" src="assets/static/icons/nginx.svg" alt="LEMP">
                        <div class="body">
                            <h5 class="card-title">LEMP</h5>
                            <p class="card-text"></p>
                        </div>
                    </div>
                </div>
                <!--Icon-->
                <div class="col-md-3 col-sm-4 col-6">
                    <div class="card-os">
                        <img class="card-img" src="assets/static/icons/discourse.svg" alt="Discourse">
                        <div class="body">
                            <h5 class="card-title">Discourse</h5>
                            <p class="card-text"></p>
                        </div>
                    </div>
                </div>
                <!--Icon-->
                <div class="col-md-3 col-sm-4 col-6">
                    <div class="card-os">
                        <img class="card-img" src="assets/static/icons/django.svg" alt="Django">
                        <div class="body">
                            <h5 class="card-title">Django</h5>
                            <p class="card-text"></p>
                        </div>
                    </div>
                </div>
                <!--Icon-->
                <div class="col-md-3 col-sm-4 col-6">
                    <div class="card-os">
                        <img class="card-img" src="assets/static/icons/docker.svg" alt="Docker">
                        <div class="body">
                            <h5 class="card-title">Docker</h5>
                            <p class="card-text"></p>
                        </div>
                    </div>
                </div>
                <!--Icon-->
                <div class="col-md-3 col-sm-4 col-6">
                    <div class="card-os">
                        <img class="card-img" src="assets/static/icons/drupal.svg" alt="Drupal">
                        <div class="body">
                            <h5 class="card-title">Drupal</h5>
                            <p class="card-text"></p>
                        </div>
                    </div>
                </div>
                <!--Icon-->
                <div class="col-md-3 col-sm-4 col-6">
                    <div class="card-os">
                        <img class="card-img" src="assets/static/icons/gitlab.svg" alt="Gitlab">
                        <div class="body">
                            <h5 class="card-title">Gitlab</h5>
                            <p class="card-text"></p>
                        </div>
                    </div>
                </div>
                <!--Icon-->
                <div class="col-md-3 col-sm-4 col-6">
                    <div class="card-os">
                        <img class="card-img" src="assets/static/icons/ispmanager.svg" alt="ISPManager">
                        <div class="body">
                            <h5 class="card-title">ISPManager</h5>
                            <p class="card-text"></p>
                        </div>
                    </div>
                </div>
                <!--Icon-->
                <div class="col-md-3 col-sm-4 col-6">
                    <div class="card-os">
                        <img class="card-img" src="assets/static/icons/Magento.svg" alt="Magento">
                        <div class="body">
                            <h5 class="card-title">Magento</h5>
                            <p class="card-text"></p>
                        </div>
                    </div>
                </div>
                <!--Icon-->
                <div class="col-md-3 col-sm-4 col-6">
                    <div class="card-os">
                        <img class="card-img" src="assets/static/icons/mariadb.svg" alt="MariaDB">
                        <div class="body">
                            <h5 class="card-title">MariaDB</h5>
                            <p class="card-text"></p>
                        </div>
                    </div>
                </div>
                <!--Icon-->
                <div class="col-md-3 col-sm-4 col-6">
                    <div class="card-os">
                        <img class="card-img" src="assets/static/icons/nextcloud.svg" alt="NextCloud">
                        <div class="body">
                            <h5 class="card-title">NextCloud</h5>
                            <p class="card-text"></p>
                        </div>
                    </div>
                </div>
                <!--Icon-->
                <div class="col-md-3 col-sm-4 col-6">
                    <div class="card-os">
                        <img class="card-img" src="assets/static/icons/nodejs.svg" alt="NodeJS">
                        <div class="body">
                            <h5 class="card-title">Node.JS</h5>
                            <p class="card-text"></p>
                        </div>
                    </div>
                </div>
                <!--Icon-->
                <div class="col-md-3 col-sm-4 col-6">
                    <div class="card-os">
                        <img class="card-img" src="assets/static/icons/owncloud.svg" alt="ownCloud">
                        <div class="body">
                            <h5 class="card-title">ownCloud</h5>
                            <p class="card-text"></p>
                        </div>
                    </div>
                </div>
                <!--Icon-->
                <div class="col-md-3 col-sm-4 col-6">
                    <div class="card-os">
                        <img class="card-img" src="assets/static/icons/prestashop.svg" alt="PrestaShop">
                        <div class="body">
                            <h5 class="card-title">PrestaShop</h5>
                            <p class="card-text"></p>
                        </div>
                    </div>
                </div>
                <!--Icon-->
                <div class="col-md-3 col-sm-4 col-6">
                    <div class="card-os">
                        <img class="card-img" src="assets/static/icons/rubyonrails.svg" alt="Ruby on Rails">
                        <div class="body">
                            <h5 class="card-title">Ruby on Rails</h5>
                            <p class="card-text"></p>
                        </div>
                    </div>
                </div>
                <!--Icon-->
                <div class="col-md-3 col-sm-4 col-6">
                    <div class="card-os">
                        <img class="card-img" src="assets/static/icons/webmin.svg" alt="Webmin">
                        <div class="body">
                            <h5 class="card-title">Webmin</h5>
                            <p class="card-text"></p>
                        </div>
                    </div>
                </div>
                <!--Icon-->
                <div class="col-md-3 col-sm-4 col-6">
                    <div class="card-os">
                        <img class="card-img" src="assets/static/icons/wordpress.svg" alt="Wordpress">
                        <div class="body">
                            <h5 class="card-title">Wordpress</h5>
                            <p class="card-text"></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--End Content Section-->
</main>

<!--
    Footer
-->
<footer class="footer cta">
    <!--Footer Background Section-->
    <div class="back-footer">
        <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
    </div>
    <!--End Footer Background Section-->

    <!--Footer CTA-->
    <div class="footercta">
        <div class="container">
            <div class="content d-flex bg-success">
                <h2 class="text-white mr-auto align-self-center">Get started in the Flexible Cloud!</h2>
                <div class="buttons">
                    <a class="btn btn-lg btn-dark" href="#!">CREATE ACCOUNT</a>
                </div>
            </div>
        </div>
    </div>
    <!--End Footer CTA-->

    <!--Footer Links Section-->
    <div class="footersub">
        <div class="container">
            <div class="row">
                <div class="col-md col-sm-3 col-6 mb-4 collogo">
                    <ul class="list-unstyled colinfo">
                        <li>
                            <a class="logo d-block mb-4" href="index.html"><img src="assets/static/logo.svg" alt="WriteLN"></a>
                        </li>
                    </ul>
                </div>
                <div class="col-md col-sm-3 col-6 mb-sm-0 mb-4">
                    <h4>Support</h4>
                    <ul class="list-unstyled mb-0">
                        <li><a href="contact.html">Support Ticket</a></li>
                        <li><a href="mailto:example@example.com">example@example.com</a></li>
                        <li><a href="contact.html"></a></li>
                    </ul>
                </div>
                <div class="col-md col-sm-3 col-6 mb-sm-0 mb-4">
                    <h4>Product</h4>
                    <ul class="list-unstyled mb-0">
                        <li><a href="cloud.html">Cloud Server</a></li>
                        <li><a href="pricing.html">Pricing</a></li>
                        <li><a href="api.html">API Documentation</a></li>
                        <li><a href="api.html">API Library</a></li>
                    </ul>
                </div>
                <div class="col-md col-sm-3 col-6 mb-sm-0 mb-4">
                    <h4>Resources</h4>
                    <ul class="list-unstyled mb-0">
                        <li><a href="faq.html">FAQ</a></li>
                        <li><a href="network-status.html">Network Status</a></li>
                        <li><a href="refferer.html">Support Programs</a></li>
                        <li><a href="operating-system.html">Operating System</a></li>
                        <li><a href="applications.html">Applications</a></li>
                        <li><a href="datacenters.html">Datacenter</a></li>
                    </ul>
                </div>
                <div class="col-md col-sm-3 col-6 mb-sm-0 mb-4">
                    <h4>Company</h4>
                    <ul class="list-unstyled mb-0">
                        <li><a href="about.html">About</a></li>
                        <li><a href="teams.html">Teams</a></li>
                        <li><a href="careers.html">Carrers</a></li>
                        <li><a href="news.html">News</a></li>
                        <li><a href="legal.html">Legal</a></li>
                        <li><a href="contact.html">Contact</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--End Footer Links Section-->

    <!--Copyright Section-->
    <div class="container">
        <div class="pt-4 pb-4 d-flex copyright">
            <div class="text-white mr-auto align-self-center">© Copyright 2021 WriteLN. All Right Reserved.
            </div>
        </div>
    </div>
    <!--End Copyright Section-->
</footer>

</body>
</html>