UIkit

A lightweight and modular front-end framework for developing fast and powerful web interfaces. UIkit gives you a comprehensive collection of HTML, CSS, and JS components which is simple to use, easy to customize and extendable. - https://getuikit.com

Uso

UIkit requiere del uso de jQuery.

Accede al directorio (crealo de ser necesario) $HOME/www y crea el directorio uikit01:

 alumno@servidor:~ $ cd $HOME/www
 alumno@servidor:~/www $ mkdir uikit01
 alumno@servidor:~/www $ cd uikit01

Crea el directorio css y el archivo vácio css/main.css en él:

 alumno@servidor:~/www/uikit01 $ mkdir css
 alumno@servidor:~/www/uikit01 $ touch css/main.css

Accede a https://getuikit.com, descarga el archivo en formato zip ofrecido y descomprimelo:
```
 alumno@servidor:~/www/uikit01 $ unzip $HOME/Downloads/uikit-3.0.0-beta.22.zip
```
En este caso se ha descargado a uikit en su versión 3.0.0-beta.22 (uikit-3.0.0-beta.22.zip) en el directorio $HOME/Downloads.
Integra a jQuery al proyecto accediendo a https://code.jquery.com y en la sección jQuery 2.x bajo la sección jQuery Core obten el enlace hacía el archivo con nombre jquery-*.min.js (minified) y descarga dicho archivo:
```
 alumno@servidor:~/www/uikit01 $ wget https://code.jquery.com/jquery-2.2.4.min.js -O js/jquery.min.js
```
En este caso se ha descargado el archivo jquery-2.2.4.min.js de jQuery en su versión 2.2.4.

Crea el archivo index.html con el siguiente contenido:

 <!DOCTYPE html>
 <html>
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>uikit01</title>
   <link rel="stylesheet" href="css/uikit.min.css">
   <link rel="stylesheet" href="css/main.css">
 </head>
 <body>
   <!-- CONTENIDO -->
   <!-- /CONTENIDO -->
   <script src="js/jquery.min.js"></script>
   <script src="js/uikit.min.js"></script>
   <script src="js/uikit-icons.min.js"></script>
 </body>
 </html>

Notas:

El contenido de tu documento HTML, y que será visualizado por el usuario, quedará dentro de los comentarios CONTENIDO.
Si requieres modificar el aspecto visual o estilo de algún elemento HTML lo llevas a cabo en el archivo css/main.css. Recuerda que tendrás que hacer uso de selectores de CSS.

Al terminar en el directorio $HOME/www/uikit01 encontrarás la siguiente estructura:

alumno@servidor:~/www/uikit01 $ pwd && tree
/home/alumno/www/uikit01
.
├── css
│   ├── main.css
│   ├── uikit-rtl.css
│   ├── uikit-rtl.min.css
│   ├── uikit.css
│   └── uikit.min.css
├── index.html
└── js
    ├── jquery.min.js
    ├── uikit-icons.js
    ├── uikit-icons.min.js
    ├── uikit.js
    └── uikit.min.js

2 directories, 11 files