-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtechnical-support.html
160 lines (160 loc) · 5.79 KB
/
technical-support.html
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<meta name="next-head-count" content="2" />
<link
rel="preload"
href="./_next/static/css/aefafba9f5ee520a.css"
as="style"
/>
<link
rel="stylesheet"
href="./_next/static/css/aefafba9f5ee520a.css"
data-n-g=""
/>
<noscript data-n-css=""></noscript>
<script
defer=""
nomodule=""
src="./_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"
></script>
<script
src="./_next/static/chunks/webpack-02b59b97c33110d1.js"
defer=""
></script>
<script
src="./_next/static/chunks/framework-cda2f1305c3d9424.js"
defer=""
></script>
<script
src="./_next/static/chunks/main-7ac27665b9396da2.js"
defer=""
></script>
<script
src="./_next/static/chunks/pages/_app-715d255ee6a21f48.js"
defer=""
></script>
<script
src="./_next/static/chunks/664-60e06c839f82ba03.js"
defer=""
></script>
<script
src="./_next/static/chunks/873-fcd869da8c9bfeda.js"
defer=""
></script>
<script
src="./_next/static/chunks/pages/technical-support-186a83ef9317668f.js"
defer=""
></script>
<script
src="./_next/static/AmzL7zm2ZsiZcpAQ29wCN/_buildManifest.js"
defer=""
></script>
<script
src="./_next/static/AmzL7zm2ZsiZcpAQ29wCN/_ssgManifest.js"
defer=""
></script>
</head>
<body>
<div id="__next">
<div class="h-screen main-bg w-full flex-1 flex flex-col">
<div class="flex items-center justify-between px-12 py-5">
<img
src="./images/logo1.png"
alt="Ministry"
class="h-16 object-contain"
/><img
src="./images/logo2.png"
alt="Ministry"
class="h-[3.5rem] object-contain"
/>
</div>
<img
src="./images/headerline.png"
alt="headerline"
class="h-2 w-full object-contain"
/>
<div class="h-full flex-1 flex flex-col">
<div class="h-full flex flex-col items-center space-y-10">
<div class="items-center gap-x-4 justify-center grid grid-cols-6">
<a class="col-span-2" href="/products"
><button
class="p-2 px-5 md:px-8 bg-primary-green w-full rounded-b-xl shadow-lg duration-150 hover:bg-primary-green-hover opacity-40"
>
<p class="uppercase text-sm text-center">PRODUCTS</p>
</button></a
><a class="col-span-2" href="/training-programs"
><button
class="p-2 px-5 md:px-8 bg-primary-green w-full rounded-b-xl shadow-lg duration-150 hover:bg-primary-green-hover opacity-40"
>
<p class="uppercase text-sm text-center">TRAINING PROGRAMS</p>
</button></a
><a class="col-span-2" href="/technical-support"
><button
class="p-2 px-5 md:px-8 bg-primary-green w-full rounded-b-xl shadow-lg duration-150 hover:bg-primary-green-hover opacity-100"
>
<p class="uppercase text-sm text-center">TECHNICAL SUPPORT</p>
</button></a
>
</div>
<div
class="flex items-center justify-center -translate-x-16 h-full min-w-[82%] max-w-[82%]"
>
<div class="translate-x-16">
<div
class="space-y-2 flex flex-col min-w-[11rem] bg-[#182E39] p-4 rounded-xl"
>
<button
class="p-2 max-w-[15rem] py-1.5 border bg-gradient-to-r border-[#0C1D21] from-[#124C4A] min-w-[11rem] rounded-lg duration-150 hover:bg-primary-green-hover bg-primary-green-hover"
>
<p class="text-sm font-normal text-center text-white">
Research & Studies
</p></button
><button
class="p-2 max-w-[15rem] py-1.5 border bg-gradient-to-r border-[#0C1D21] from-[#124C4A] min-w-[11rem] rounded-lg duration-150 hover:bg-primary-green-hover bg-transparent"
>
<p class="text-sm font-normal text-center text-white">
Technical Sup Reports
</p></button
><button
class="p-2 max-w-[15rem] py-1.5 border bg-gradient-to-r border-[#0C1D21] from-[#124C4A] min-w-[11rem] rounded-lg duration-150 hover:bg-primary-green-hover bg-transparent"
>
<p class="text-sm font-normal text-center text-white">
Communication
</p>
</button>
</div>
</div>
<div
class="h-[32rem] w-full flex flex-col bg-gradient-to-r from-[#19434A] from-0% to-99% via-transparent rounded-xl border border-[#43969060]"
>
<div
class="flex items-center space-x-4 w-full justify-center px-16"
></div>
<div
class="flex-1 grid grid-cols-6 py-4 gap-4 justify-center overflow-y-auto px-10 pl-20"
></div>
</div>
</div>
</div>
</div>
<footer class="footer-image h-40 mt-16"></footer>
</div>
</div>
<script id="__NEXT_DATA__" type="application/json">
{
"props": { "pageProps": {} },
"page": "/technical-support",
"query": {},
"buildId": "AmzL7zm2ZsiZcpAQ29wCN",
"assetPrefix": ".",
"nextExport": true,
"autoExport": true,
"isFallback": false,
"scriptLoader": []
}
</script>
</body>
</html>