Skip to content

Commit 3cde29d

Browse files
devgkdevgk
committed
intermidate push
1 parent c6d3fdc commit 3cde29d

File tree

8 files changed

+202
-64
lines changed

8 files changed

+202
-64
lines changed

‎assets/css/colors/_base.scss

-3
This file was deleted.

‎assets/css/colors/_dark-gray.scss

+49
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
$bg_shade_x1: #373635;
2+
$bg_shade_x2: #474645;
3+
$bg_shade_x3: #575655;
4+
$bg_shade_x4: #d7d6d5;
5+
$bg_shade_x5: #e7e6e5;
6+
$bg_shade_x6: #f7f6f5;
7+
8+
9+
body.dark-shade{
10+
background-color: $bg_shade_x2;
11+
12+
.bg-shade-1{
13+
background-color: $bg_shade_x1;
14+
}
15+
.bg-shade-2{
16+
background-color: $bg_shade_x2;
17+
}
18+
.bg-shade-3{
19+
background-color: $bg_shade_x3;
20+
}
21+
.bg-shade-4{
22+
background-color: $bg_shade_x4;
23+
}
24+
.bg-shade-5{
25+
background-color: $bg_shade_x5;
26+
}
27+
.bg-shade-6{
28+
background-color: $bg_shade_x6;
29+
}
30+
31+
.color-shade-1{
32+
background-color: $bg_shade_x1;
33+
}
34+
.color-shade-2{
35+
background-color: $bg_shade_x2;
36+
}
37+
.color-shade-3{
38+
background-color: $bg_shade_x3;
39+
}
40+
.color-shade-4{
41+
background-color: $bg_shade_x4;
42+
}
43+
.color-shade-5{
44+
background-color: $bg_shade_x5;
45+
}
46+
.color-shade-6{
47+
background-color: $bg_shade_x6;
48+
}
49+
}

‎assets/css/colors/_font.scss

-43
This file was deleted.

‎assets/css/colors/_light-gray.scss

Whitespace-only changes.

‎assets/css/headers/_header-ndd-right.scss

-3
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,6 @@ $sidenav_menu_padding_y: 10px;
1010

1111

1212
.header-ndd-right{
13-
background-color: $color_more_light;
14-
1513
.header-main-container{
1614
$height: 70px;
1715
}
@@ -20,7 +18,6 @@ $sidenav_menu_padding_y: 10px;
2018
display: block;
2119
text-decoration: none;
2220
margin: 0;
23-
color: $color_dark;
2421
}
2522

2623
nav{

‎assets/css/variables/_color.scss

-15
Original file line numberDiff line numberDiff line change
@@ -1,15 +0,0 @@
1-
$color_primary: #2980B9;
2-
$color_secondary: #34495E;
3-
4-
$color_success: #27AE60;
5-
$color_error: #E74C3C;
6-
$color_warning: #E67E22;
7-
8-
$color_more_dark: #373635;
9-
$color_dark: #474645;
10-
$color_less_dark: #575655;
11-
12-
$color_extra_light: #f9f8f7;
13-
$color_more_light: #f3f2f1;
14-
$color_light: #e7e6e5;
15-
$color_less_light: #d7d6d5;

‎dark.html

+153
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,153 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<title></title>
8+
<meta name="description" content="">
9+
<meta name="viewport" content="width=device-width, initial-scale=1">
10+
<link rel="stylesheet" href="/assets/vendor/bootstrap/bootstrap.min.css">
11+
<link rel="stylesheet" href="/assets/css/stag-uui.min.css">
12+
<link rel="stylesheet" href="/assets/font-icons/style.css">
13+
</head>
14+
15+
<body class="dark-shade">
16+
17+
<!-- Header -->
18+
<header class="header-ndd-right bg-shade-1">
19+
<div class="container">
20+
<div class="row">
21+
<div class="col-12 header-main-container">
22+
23+
<div class="cta-blocks">
24+
<a class="">
25+
<span class="icon icon-notifications"></span>
26+
</a>
27+
</div>
28+
29+
<div class="menu-container">
30+
<!-- Side Menu Drawer for Mobile Device -->
31+
<div class="drawer pr-3">
32+
<span class="icon icon-menu"></span>
33+
<span class="pl-2 font-weight-bold">MENU</span>
34+
</div>
35+
36+
<!-- Navigation Menu -->
37+
<nav class="shadowed">
38+
<ul>
39+
<li class="menu-item wuui-ripple">
40+
<a class="" href="#">Home</a>
41+
</li>
42+
<li class="menu-item nested-dropdown">
43+
<a class="" href="#">
44+
Services
45+
<span class="icon icon-keyboard_arrow_down"></span>
46+
</a>
47+
<!-- 1st Level Dropdown -->
48+
<ul class="nested-dropdown-menu">
49+
<li class="menu-item">
50+
<a class="" href="#">Website Development</a>
51+
</li>
52+
<li class="menu-item nested-dropdown">
53+
<a class="" href="#">
54+
Application Development
55+
<span class="icon icon-keyboard_arrow_down d-lg-none d-inline-block"></span>
56+
<span class="icon icon-keyboard_arrow_right d-lg-inline-block d-none"></span>
57+
</a>
58+
<!-- 2nd Level Dropdown -->
59+
<ul class="nested-dropdown-menu open-menu-right">
60+
<li class="menu-item">
61+
<a class="" href="#">Web Application</a>
62+
</li>
63+
<li class="menu-item">
64+
<a class="" href="#">Mobile Application</a>
65+
</li>
66+
</ul>
67+
</li>
68+
<li class="menu-item nested-dropdown">
69+
<a class="" href="#">
70+
Digital Marketing
71+
<span class="icon icon-keyboard_arrow_down d-lg-none d-inline-block"></span>
72+
<span class="icon icon-keyboard_arrow_right d-lg-inline-block d-none"></span>
73+
</a>
74+
<!-- 2nd Level Dropdown -->
75+
<ul class="nested-dropdown-menu open-menu-right">
76+
<li class="menu-item">
77+
<a class="" href="#">On Page SEO</a>
78+
</li>
79+
<li class="menu-item">
80+
<a class="" href="#">Off Page SEO</a>
81+
</li>
82+
<li class="menu-item">
83+
<a class="" href="#">Online Advertising</a>
84+
</li>
85+
<li class="menu-item">
86+
<a class="" href="#">Social Media Marketing</a>
87+
</li>
88+
</ul>
89+
</li>
90+
</ul>
91+
</li>
92+
<li class="menu-item nested-dropdown">
93+
<a class="" href="#">
94+
Training
95+
<span class="icon icon-keyboard_arrow_down"></span>
96+
</a>
97+
<!-- 1st Level Dropdown -->
98+
<ul class="nested-dropdown-menu">
99+
<li class="menu-item">
100+
<a class="" href="#">Website Development</a>
101+
</li>
102+
<li class="menu-item">
103+
<a class="" href="#">Web App Development</a>
104+
</li>
105+
<li class="menu-item">
106+
<a class="" href="#">Mobile App Development</a>
107+
</li>
108+
<li class="menu-item">
109+
<a class="" href="#">Digital Marketing</a>
110+
</li>
111+
</ul>
112+
</li>
113+
<li class="menu-item wuui-ripple">
114+
<a class="" href="#">Official Blog</a>
115+
</li>
116+
<li class="menu-item wuui-ripple">
117+
<a class="" href="#">About</a>
118+
</li>
119+
<li class="menu-item wuui-ripple">
120+
<a class="" href="#">Contact</a>
121+
</li>
122+
</ul>
123+
</nav>
124+
</div>
125+
126+
<!-- Logo for branding -->
127+
<div class="logo wuui-ripple">
128+
<img class="h-100 p-3" src="/assets/media/wuui-logo/logo-md.png" />
129+
</div>
130+
131+
</div>
132+
</div>
133+
</div>
134+
</header>
135+
136+
<div class="section py-5">
137+
<div class="container py-5">
138+
<div class="row">
139+
<div class="col-12">
140+
<button type="button" class="btn btn-primary wuui-ripple">Primary</button>
141+
</div>
142+
</div>
143+
</div>
144+
</div>
145+
146+
<script src="/assets/vendor/jQuery/jquery-3.2.1.min.js"></script>
147+
<script src="/assets/vendor/popper/popper.min.js"></script>
148+
<script src="/assets/vendor/bootstrap/js/bootstrap.min.js"></script>
149+
<script src="/assets/js/plugins/ripple-effect/ripple-effect.min.js"></script>
150+
<script src="/assets/js/stag-uui.js"></script>
151+
</body>
152+
153+
</html>

‎index.html ‎light.html

File renamed without changes.

0 commit comments

Comments
 (0)