"layouts - ugarit user interface grid card"
Bootstrap 4.0.0 Snippet by shu3aybbadran

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!--
AlPhaD UI - Ugarit layout
* Version: 1.0.0
* Build Date : 18 12 2017
* Last Update : - []
* Author: ALPhA D
* Website: www.alphadsy.com
* contribute on github : https://github.com/alphadsy/alpha-ui
more ui & layout https://github.com/alphadsy
-->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- meta tags -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- website meta -->
<!--
set website Info
-->
<meta name="description" content="website description goes here">
<meta name="keywords" content="website keywork goes here">
<meta name="author" content="ALPHA D">
<!--
set Website Title
-->
<title>Ugarit - AlphaD UI</title>
<!--
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
/*
AlPhaD UI - Ugarit layout
* Version: 1.0.0
* Build Date : 18 12 2017
* Last Update : - []
* Author: ALPhA D
* Website: www.alphadsy.com
* contribute on github : https://github.com/alphadsy/alpha-ui
more ui & layout https://github.com/alphadsy
--------------------
[Layout]
* body /.background
+ Page-container
+ Left-side
- Brand
+ Right-side
+ Wall
- Section
--------------------
[Color codes]
Background: #232741 (dark-blue)
--------------------
[Typography]
--------------------
[content table]
1- Extra small devices (portrait phones, less than 576px)
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
### Credits:
- [Bootstrap](https://getbootstrap.com)
- [simpleBar](https://github.com/Grsmto/simplebar)
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: