Get Lookover

Get Lookover — Sun, 03 Jul 2022 21:16:00 +0000

Get Lookover

Get Lookover is a new open source CSS framework.
We've add some new utilities in Get Lookover, and here is the full features:

Navigation Bar, Containers, Colors, Jumbotrons, Alerts, Margin, Padding, Display, Inputs, Forms Controls, Borders, Border's radius, Notes, Columns, Grids, Accordions, Spacers & Horizontal Lines, Tabs, Opacity, Typography, Z-index, Icons

N.B: We included Google Symbols for icons

Add Get Lookover's CSS link in the head tag :


<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/get-lookover/cdn@v0.5/css/get-lookover.min.css">

To use all Get Lookover's features add jQuery/get-lookover.js at the end of the body tag :


<!-- jquery.js -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<!-- get-lookover.js -->
<script src="https://cdn.jsdelivr.net/gh/get-lookover/cdn@v0.5/js/get-lookover.min.js"></script>

Here is a simple tutorial to add navigation bar :


<!-- Centred Navbar -->

<header class="navbar center-navbar bg-dark">

<h4 class="logo"><b>Brand</b></h4>

<nav class="navbar-nav">

<ul class="navbar-links">

<li class="navbar-items">

<a class="navtab active">Home</a>

</li>

<li class="navbar-items">

<a class="navtab">Download</a>

</li>

<li class="navbar-items">

<a class="navtab">Docs</a>

</li>

<li class="navbar-items">

<a class="navtab">About</a>

</li>

</ul>

</nav>

<span class="navmenu">☰</span>

</header>

The following picture showing different navigation bar ( left / center / right )

Website : Get Lookover

New CSS framework

Get Lookover — Fri, 01 Jul 2022 14:23:58 +0000

Get lookover is a new open source CSS framework to design web pages easily.
Get lookover launched on 28-05-2022,
On 28-06-2022 launched 2nd version of the framework v0.5

Check out all the new features on :
https://get-lookover.github.io/

DEV Community: Get Lookover

Get Lookover

Get Lookover

New CSS framework