heckyel
/
cl-theme
spiegel van https://c.hgit.ga/services/cl-theme.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401
							<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Conocimientos Libres</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <!-- stylesheets -->
        <link rel="stylesheet" href="dist/css/bulma.css">
        <link rel="stylesheet" href="dist/css/style.css">
    </head>
    <body>
        <!-- navigation -->
        <header class="navigation">
            <nav class="navbar">
                <div class="container">
                    <!-- nav site title -->
                    <!-- Input for menu-mobile with checkbox-->
                    <input id="navbar-toggle-cbox" type="checkbox">
                    <!-- End Input for menu-mobile with checkbox-->
                    <div class="navbar-brand">
                        <a class="navbar-item">
                            <h3 class="title is-3" style="color: white;">CL</h3>
                        </a>
                        <!-- this "navbar-burger" hamburger menu is only visible on mobile -->
                        <label class="nav__toggle" for="navbar-toggle-cbox">
                            <!-- Menu -->
                            <svg class="menu" viewBox="0 0 448 512" width="100">
                                <path
                                    d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"
                                />
                                <title>Open</title>
                            </svg>
                            <!-- Close -->
                            <svg class="close" viewBox="0 0 384 512" width="100">
                                <path
                                    d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
                                />
                                <title>Close</title>
                            </svg>
                        </label>
                        <!-- end of burger -->
                    </div>

                    <!-- this "navbar-menu" is hidden on mobile -->
                    <div id="navMenu" class="navbar-menu">
                        <ul class="navbar-end">
                            <li><a href="index.html" class="navbar-item is-tab is-active">Home</a></li>
                            <li><a href="post.html" class="navbar-item is-tab">Static Post</a></li>
                            <li><a href="about.html" class="navbar-item is-tab">About</a></li>
                            <li><a href="contact.html" class="navbar-item is-tab">Contact</a></li>
                        </ul>
                    </div>
                    <!-- end of nav -->
                </div>
            </nav>
        </header>
        <!-- end navigation -->

        <!-- page header (title, etc) -->
        <div class="main-header">
            <section class="hero">
                <div class="hero-body">
                    <div class="container">
                        <div class="has-text-centered">
                            <!-- header && subheader -->
                            <h1 class="title is-1 is-spaced">Conocimientos Libres</h1>
                            <h4 class="subtitle is-4">Sitio de información sobre Software Libre</h4>

                            <!-- search form -->
                            <div class="column is-6 is-offset-3">
                                <div class="box has-background-black-ter">
                                    <form class="field has-addons">
                                        <div class="control is-expanded">
                                            <input class="input has-text-centered" type="search" placeholder="» » » » » » find me « « « « « «">
                                        </div>
                                        <input class="button is-dark" name="submit" value="Search" type="submit">
                                    </form>
                                </div>
                            </div>
                            <!-- end search form -->

                            <!-- end of header && subheader -->
                        </div>
                    </div>
                </div>
            </section>
        </div>
        <!-- end page header -->

        <!-- page content -->
        <div class="main-content">
            <div class="container">
                <!-- start of posts -->
                <div class="columns is-multiline is-centered has-text-centered">
                    <!-- start of post -->
                    <article class="column is-4">
                        <div class="card">
                            <!-- image for post -->
                            <div class="card-image">
                                <figure class="image is-4by3">
                                    <img src="src/images/700x500.png" alt="Image">
                                </figure>
                            </div>
                            <!-- end of image for post -->

                            <!-- post header -->
                            <div class="card-content-header">
                                <h2 class="title is-4"><a href="post.html">Header for Post</a></h2>
                            </div>
                            <!-- end of post header -->

                            <!-- post content -->
                            <div class="card-content">
                                <div class="content social">
                                    <div class="navbar is-social-center">
                                        <a class="navbar-item" href="">
                                            <span class="soumaicon">
                                                <svg>
                                                    <use href="./dist/images/icons/master.svg#gnusocial" />
                                                </svg>
                                            </span>
                                        </a>
                                        <a class="navbar-item" href="">
                                            <span class="soumaicon">
                                                <svg>
                                                    <use href="./dist/images/icons/master.svg#diaspora" />
                                                </svg>
                                            </span>
                                        </a>
                                        <a class="navbar-item" href="">
                                            <span class="soumaicon">
                                                <svg>
                                                    <use href="./dist/images/icons/master.svg#mastodom" />
                                                </svg>
                                            </span>
                                        </a>
                                    </div>
                                </div>
                                <!-- end of post content -->

                                <!-- post footer -->
                                <div class="card-content-footer">
                                    <span class="soumaicon">
                                        <svg>
                                            <use href="./dist/images/icons/master.svg#calendar" />
                                        </svg>
                                    </span>
                                    <small>11:09 PM - 1 Jan 2019</small>

                                    <span class="soumaicon">
                                        <svg>
                                            <use href="./dist/images/icons/master.svg#comments" />
                                        </svg>
                                    </span>
                                    <small>20 comments</small>
                                </div>
                                <!-- end of post footer -->
                            </div>
                        </div>
                    </article>
                    <!-- end of post -->

                    <!-- start of post -->
                    <article class="column is-4">
                        <div class="card">
                            <!-- image for post -->
                            <div class="card-image">
                                <figure class="image is-4by3">
                                    <img src="src/images/700x500.png" alt="Image">
                                </figure>
                            </div>
                            <!-- end of image for post -->

                            <!-- post header -->
                            <div class="card-content-header">
                                <h2 class="title is-4"><a href="post2.html">Header for Post</a></h2>
                            </div>
                            <!-- end of post header -->

                            <!-- post content -->
                            <div class="card-content">
                                <div class="content social">
                                    <div class="navbar is-social-center">
                                        <a class="navbar-item" href="">
                                            <span class="soumaicon">
                                                <svg>
                                                    <use href="./dist/images/icons/master.svg#gnusocial" />
                                                </svg>
                                            </span>
                                        </a>
                                        <a class="navbar-item" href="">
                                            <span class="soumaicon">
                                                <svg>
                                                    <use href="./dist/images/icons/master.svg#diaspora" />
                                                </svg>
                                            </span>
                                        </a>
                                        <a class="navbar-item" href="">
                                            <span class="soumaicon">
                                                <svg>
                                                    <use href="./dist/images/icons/master.svg#mastodom" />
                                                </svg>
                                            </span>
                                        </a>
                                    </div>
                                </div>
                                <!-- end of post content -->

                                <!-- post footer -->
                                <div class="card-content-footer">
                                    <span class="soumaicon">
                                        <svg>
                                            <use href="./dist/images/icons/master.svg#calendar" />
                                        </svg>
                                    </span>
                                    <small>11:09 PM - 1 Jan 2017</small>

                                    <span class="soumaicon">
                                        <svg>
                                            <use href="./dist/images/icons/master.svg#comments" />
                                        </svg>
                                    </span>
                                    <small>20 comments</small>
                                </div>
                                <!-- end of post footer -->
                            </div>
                        </div>
                    </article>
                    <!-- end of post -->

                    <!-- start of post -->
                    <article class="column is-4">
                        <div class="card">
                            <!-- image for post -->
                            <div class="card-image">
                                <figure class="image is-4by3">
                                    <img src="src/images/700x500.png" alt="Image">
                                </figure>
                            </div>
                            <!-- end of image for post -->

                            <!-- post header -->
                            <div class="card-content-header">
                                <h2 class="title is-4"><a href="post.html">Header for Post</a></h2>
                            </div>
                            <!-- end of post header -->

                            <!-- post content -->
                            <div class="card-content">
                                <div class="content social">
                                    <div class="navbar is-social-center">
                                        <a class="navbar-item" href="">
                                            <span class="soumaicon">
                                                <svg>
                                                    <use href="./dist/images/icons/master.svg#gnusocial" />
                                                </svg>
                                            </span>
                                        </a>
                                        <a class="navbar-item" href="">
                                            <span class="soumaicon">
                                                <svg>
                                                    <use href="./dist/images/icons/master.svg#diaspora" />
                                                </svg>
                                            </span>
                                        </a>
                                        <a class="navbar-item" href="">
                                            <span class="soumaicon">
                                                <svg>
                                                    <use href="./dist/images/icons/master.svg#mastodom" />
                                                </svg>
                                            </span>
                                        </a>
                                    </div>
                                </div>
                                <!-- end of post content -->

                                <!-- post footer -->
                                <div class="card-content-footer">

                                    <span class="soumaicon">
                                        <svg>
                                            <use href="./dist/images/icons/master.svg#calendar" />
                                        </svg>
                                    </span>
                                    <small>11:09 PM - 1 Jan 2016</small>

                                    <span class="soumaicon">
                                        <svg>
                                            <use href="./dist/images/icons/master.svg#comments" />
                                        </svg>
                                    </span>
                                    <small>20 comments</small>

                                </div>
                                <!-- end of post footer -->
                            </div>
                        </div>
                    </article>
                    <!-- end of post -->
                </div>
                <!-- end of posts -->
            </div>

            <!-- pagination -->
            <div class="pagination-style-custom">
                <nav class="pagination is-rounded is-centered" aria-label="pagination">
                    <a class="pagination-previous button is-button-grey">Previous</a>
                    <a class="pagination-next button is-button-grey">Next page</a>
                    <ul class="pagination-list">
                        <li><a class="pagination-link" aria-label="Goto page 1">1</a></li>
                        <li><span class="pagination-ellipsis">&hellip;</span></li>
                        <li><a class="pagination-link" aria-label="Goto page 45">45</a></li>
                        <li><a class="pagination-link is-current" aria-label="Page 46" aria-current="page">46</a></li>
                        <li><a class="pagination-link" aria-label="Goto page 47">47</a></li>
                        <li><span class="pagination-ellipsis">&hellip;</span></li>
                        <li><a class="pagination-link" aria-label="Goto page 86">86</a></li>
                    </ul>
                </nav>
            </div>
            <!-- end of pagination -->
        </div>
        <!-- end of page content -->

        <!-- footer: will stick to the bottom -->
        <footer class="footer footer-top-shadow">

            <!-- header nav content -->
            <div class="navbar is-social-center">
                <a class="navbar-item" href="">
                    <span class="soumaicon">
                        <svg>
                            <use href="./dist/images/icons/master.svg#diaspora"/>
                        </svg>
                    </span>
                </a>
                <a class="navbar-item" href="">
                    <span class="soumaicon">
                        <svg>
                            <use href="./dist/images/icons/master.svg#gnusocial"/>
                        </svg>
                    </span>
                </a>
                <a class="navbar-item" href="">
                    <span class="soumaicon">
                        <svg>
                            <use href="./dist/images/icons/master.svg#pump"/>
                        </svg>
                    </span>
                </a>
                <a class="navbar-item" href="">
                    <span class="soumaicon">
                        <svg>
                            <use href="./dist/images/icons/master.svg#pixelfed"/>
                        </svg>
                    </span>
                </a>
                <a class="navbar-item" href="">
                    <span class="soumaicon">
                        <svg>
                            <use href="./dist/images/icons/master.svg#peertube"/>
                        </svg>
                    </span>
                </a>
                <a class="navbar-item" href="">
                    <span class="soumaicon">
                        <svg>
                            <use href="./dist/images/icons/master.svg#mediagoblin"/>
                        </svg>
                    </span>
                </a>
                <a class="navbar-item" href="">
                    <span class="soumaicon">
                        <svg>
                            <use href="./dist/images/icons/master.svg#matrix"/>
                        </svg>
                    </span>
                </a>
                <a class="navbar-item" href="">
                    <span class="soumaicon">
                        <svg>
                            <use href="./dist/images/icons/master.svg#rss"/>
                        </svg>
                    </span>
                </a>
            </div>
            <!-- end of header nav content -->
            <div class="container has-text-centered">
                <span class="soumaicon">
                    <svg>
                        <use href="./dist/images/icons/master.svg#libregit"/>
                    </svg>
                </span>
                <p>template by <a href="https://libregit.org/heckyel">libregit.org/heckyel</a></p>
                <p>this template is Free Software</p>
            </div>
        </footer>
        <!-- end of footer -->
    </body>
</html>