1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+ < head >
4+ < meta charset ="UTF-8 ">
5+ < meta http-equiv ="X-UA-Compatible " content ="IE=edge ">
6+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
7+ < title > Flowbite</ title >
8+ < script defer src ="https://unpkg.com/htmx.org@1.6.1/dist/htmx.min.js "> </ script >
9+ < script defer src ="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js "> </ script >
10+ < script defer src ="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/flowbite.min.js "> </ script >
11+
12+ < link href ="https://use.fontawesome.com/releases/v5.0.1/css/all.css " rel ="stylesheet ">
13+ < link href ="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/flowbite.min.css " rel ="stylesheet " />
14+ < style >
15+ .content {
16+ display : flex;
17+ flex : 1 0 auto;
18+ flex-direction : column;
19+ min-height : 90.7vh ;
20+ }
21+ </ style >
22+ </ head >
23+ < body >
24+
25+
26+ < nav class ="bg-white border-gray-200 dark:bg-gray-900 ">
27+ < div class ="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4 ">
28+ < a href ="https://flowbite.com/ " class ="flex items-center space-x-3 rtl:space-x-reverse ">
29+ < img src ="https://flowbite.com/docs/images/logo.svg " class ="h-8 " alt ="Flowbite Logo " />
30+ < span class ="self-center text-2xl font-semibold whitespace-nowrap dark:text-white "> Flowbite</ span >
31+ </ a >
32+ < button data-collapse-toggle ="navbar-default " type ="button " class ="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600 " aria-controls ="navbar-default " aria-expanded ="false ">
33+ < span class ="sr-only "> Open main menu</ span >
34+ < svg class ="w-5 h-5 " aria-hidden ="true " xmlns ="http://www.w3.org/2000/svg " fill ="none " viewBox ="0 0 17 14 ">
35+ < path stroke ="currentColor " stroke-linecap ="round " stroke-linejoin ="round " stroke-width ="2 " d ="M1 1h15M1 7h15M1 13h15 "/>
36+ </ svg >
37+ </ button >
38+ < div class ="hidden w-full md:block md:w-auto " id ="navbar-default ">
39+ < ul class ="font-medium flex flex-col p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:border-0 md:bg-white dark:bg-gray-800 md:dark:bg-gray-900 dark:border-gray-700 ">
40+ < li >
41+ < a href ="# " class ="block py-2 px-3 text-white bg-blue-700 rounded md:bg-transparent md:text-blue-700 md:p-0 dark:text-white md:dark:text-blue-500 " aria-current ="page "> Home</ a >
42+ </ li >
43+ < li >
44+ < a href ="# " class ="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent "> About</ a >
45+ </ li >
46+ < li >
47+ < a href ="# " class ="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent "> Services</ a >
48+ </ li >
49+ < li >
50+ < a href ="# " class ="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent "> Pricing</ a >
51+ </ li >
52+ < li >
53+ < a href ="# " class ="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent "> Contact</ a >
54+ </ li >
55+ </ ul >
56+ </ div >
57+ </ div >
58+ </ nav >
59+
60+
61+ < div class ="content w-full bg-gray-700 ">
62+
63+
64+ </ div >
65+
66+
67+ < footer class ="w-full bg-gray-800 ">
68+ < div class ="w-full mx-auto max-w-screen-xl p-4 md:flex md:items-center md:justify-between ">
69+ < span class ="text-sm text-gray-500 sm:text-center dark:text-gray-400 "> © 2023 < a href ="https://flowbite.com/ " class ="hover:underline "> Flowbite™</ a > . All Rights Reserved.
70+ </ span >
71+ < ul class ="flex flex-wrap items-center mt-3 text-sm font-medium text-gray-500 dark:text-gray-400 sm:mt-0 ">
72+ < li >
73+ < a href ="# " class ="hover:underline me-4 md:me-6 "> About</ a >
74+ </ li >
75+ < li >
76+ < a href ="# " class ="hover:underline me-4 md:me-6 "> Privacy Policy</ a >
77+ </ li >
78+ < li >
79+ < a href ="# " class ="hover:underline me-4 md:me-6 "> Licensing</ a >
80+ </ li >
81+ < li >
82+ < a href ="# " class ="hover:underline "> Contact</ a >
83+ </ li >
84+ </ ul >
85+ </ div >
86+ </ footer >
87+
88+ </ body >
89+ </ html >
0 commit comments