heckyel
/
cl-theme
mirror of https://c.hgit.ga/services/cl-theme.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214
							<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Conocimientos Libres</title>
        <!-- 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 "nav-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">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 is-active">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>
                            <!-- end of header && subheader -->
                        </div>
                    </div>
                </div>
            </section>
        </div>
        <!-- end page header -->

        <!-- page content -->
        <div class="main-content">
            <div class="container">
                <!-- start of about -->
                <div class="columns is-multiline is-centered">
                    <!-- start of about -->
                    <article class="column is-7">
                        <div class="card">
                            <!-- about header-->
                            <div class="card-content-header has-text-centered">
                                <h4 class="title is-4">About Header</h4>
                            </div>
                            <!-- end of about header -->

                            <!-- about content -->
                            <div class="card-content">
                                <div class="content">
                                    <div class="card-inner-wrapper">
                                        <!-- about text -->
                                        <div class="card-content-text">
                                            <p> Phasellus bibendum lectus magna, vitae sagittis orci feugiat non. Aenean varius diam vel nunc tincidunt congue. In hendrerit nulla quis justo hendrerit placerat. Aliquam volutpat nisl id nulla scelerisque, et dictum metus interdum. Integer hendrerit pellentesque velit, efficitur dapibus enim efficitur nec. Integer quis imperdiet nulla, in commodo lectus. Nunc vitae diam accumsan, rutrum urna vitae, ultricies velit. Vivamus rhoncus volutpat quam, id iaculis erat placerat vitae. Proin vehicula sodales odio, et dignissim turpis aliquet vel.</p>
                                            <p>Donec id nulla mauris. Suspendisse auctor felis id orci pulvinar, quis ultricies enim porttitor. Maecenas posuere, metus nec luctus interdum, sapien velit faucibus turpis, in cursus magna nulla vitae elit. Phasellus eleifend nulla eu facilisis malesuada. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla at ex et orci rutrum venenatis et gravida elit. Phasellus fermentum, metus vel euismod finibus, velit arcu euismod ipsum, vitae dapibus ipsum magna sit amet elit. In vestibulum, urna ut fringilla mollis, augue turpis laoreet metus, id placerat quam odio vel justo. Phasellus a lectus et felis porta tempor. </p>
                                        </div>
                                        <!-- end of about text -->

                                        <!-- about footer -->
                                        <div class="card-content-footer-small">
                                            <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 about footer -->

                                    </div>
                                </div>
                            </div>
                        </div>
                    </article>
                    <!-- end of about column -->
                </div>
                <!-- end of about columns -->
            </div>
        </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="http://libregit.org/heckyel">libregit.org/heckyel</a></p>
                <p>this template is Free Software</p>
            </div>
        </footer>
        <!-- end of footer -->
    </body>
</html>