From 048f5ef42c64b9e3db68d31f48501db93a6b7c33 Mon Sep 17 00:00:00 2001 From: Harsh Gautam Date: Mon, 25 Dec 2023 02:00:40 +0530 Subject: [PATCH] Responsive and added table --- auth-normal-sign-in.html | 4 +- files/assets/icon/feather/css/feather.css | 985 ++++++++++++++++------ index.html | 62 +- index2.html | 11 +- main.js | 186 ++-- 5 files changed, 870 insertions(+), 378 deletions(-) diff --git a/auth-normal-sign-in.html b/auth-normal-sign-in.html index 12f27c9d..716a1caf 100644 --- a/auth-normal-sign-in.html +++ b/auth-normal-sign-in.html @@ -18,7 +18,7 @@ content="Admin , Responsive, Landing, Bootstrap, App, Template, Mobile, iOS, Android, apple, creative app"> - + @@ -80,7 +80,7 @@
- Vii-Logo + Vii-Logo
diff --git a/files/assets/icon/feather/css/feather.css b/files/assets/icon/feather/css/feather.css index c7b7fb35..6eb140b2 100644 --- a/files/assets/icon/feather/css/feather.css +++ b/files/assets/icon/feather/css/feather.css @@ -1,16 +1,18 @@ - @font-face { font-family: "feather"; - src: url('../fonts/feather.eot?t=1501841394106'); /* IE9*/ - src: url('../fonts/feather.eot?t=1501841394106#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('../fonts/feather.woff?t=1501841394106') format('woff'), /* chrome, firefox */ - url('../fonts/feather.ttf?t=1501841394106') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ - url('../fonts/feather.svg?t=1501841394106#feather') format('svg'); /* iOS 4.1- */ + src: url("../fonts/feather.eot?t=1501841394106"); /* IE9*/ + src: url("../fonts/feather.eot?t=1501841394106#iefix") + format("embedded-opentype"), + /* IE6-IE8 */ url("../fonts/feather.woff?t=1501841394106") format("woff"), + /* chrome, firefox */ url("../fonts/feather.ttf?t=1501841394106") + format("truetype"), + /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ + url("../fonts/feather.svg?t=1501841394106#feather") format("svg"); /* iOS 4.1- */ } .feather { /* use !important to prevent issues with browser extensions that change fonts */ - font-family: 'feather' !important; + font-family: "feather" !important; speak: none; font-style: normal; font-weight: normal; @@ -23,486 +25,971 @@ -moz-osx-font-smoothing: grayscale; } -.icon-alert-octagon:before { content: "\e81b"; } +.icon-alert-octagon:before { + content: "\e81b"; +} -.icon-alert-circle:before { content: "\e81c"; } +.icon-alert-circle:before { + content: "\e81c"; +} -.icon-activity:before { content: "\e81d"; } +.icon-activity:before { + content: "\e81d"; +} -.icon-alert-triangle:before { content: "\e81e"; } +.icon-alert-triangle:before { + content: "\e81e"; +} -.icon-align-center:before { content: "\e81f"; } +.icon-align-center:before { + content: "\e81f"; +} -.icon-airplay:before { content: "\e820"; } +.icon-airplay:before { + content: "\e820"; +} -.icon-align-justify:before { content: "\e821"; } +.icon-align-justify:before { + content: "\e821"; +} -.icon-align-left:before { content: "\e822"; } +.icon-align-left:before { + content: "\e822"; +} -.icon-align-right:before { content: "\e823"; } +.icon-align-right:before { + content: "\e823"; +} -.icon-arrow-down-left:before { content: "\e824"; } +.icon-arrow-down-left:before { + content: "\e824"; +} -.icon-arrow-down-right:before { content: "\e825"; } +.icon-arrow-down-right:before { + content: "\e825"; +} -.icon-anchor:before { content: "\e826"; } +.icon-anchor:before { + content: "\e826"; +} -.icon-aperture:before { content: "\e827"; } +.icon-aperture:before { + content: "\e827"; +} -.icon-arrow-left:before { content: "\e828"; } +.icon-arrow-left:before { + content: "\e828"; +} -.icon-arrow-right:before { content: "\e829"; } +.icon-arrow-right:before { + content: "\e829"; +} -.icon-arrow-down:before { content: "\e82a"; } +.icon-arrow-down:before { + content: "\e82a"; +} -.icon-arrow-up-left:before { content: "\e82b"; } +.icon-arrow-up-left:before { + content: "\e82b"; +} -.icon-arrow-up-right:before { content: "\e82c"; } +.icon-arrow-up-right:before { + content: "\e82c"; +} -.icon-arrow-up:before { content: "\e82d"; } +.icon-arrow-up:before { + content: "\e82d"; +} -.icon-award:before { content: "\e82e"; } +.icon-award:before { + content: "\e82e"; +} -.icon-bar-chart:before { content: "\e82f"; } +.icon-bar-chart:before { + content: "\e82f"; +} -.icon-at-sign:before { content: "\e830"; } +.icon-at-sign:before { + content: "\e830"; +} -.icon-bar-chart-2:before { content: "\e831"; } +.icon-bar-chart-2:before { + content: "\e831"; +} -.icon-battery-charging:before { content: "\e832"; } +.icon-battery-charging:before { + content: "\e832"; +} -.icon-bell-off:before { content: "\e833"; } +.icon-bell-off:before { + content: "\e833"; +} -.icon-battery:before { content: "\e834"; } +.icon-battery:before { + content: "\e834"; +} -.icon-bluetooth:before { content: "\e835"; } +.icon-bluetooth:before { + content: "\e835"; +} -.icon-bell:before { content: "\e836"; } +.icon-bell:before { + content: "\e836"; +} -.icon-book:before { content: "\e837"; } +.icon-book:before { + content: "\e837"; +} -.icon-briefcase:before { content: "\e838"; } +.icon-briefcase:before { + content: "\e838"; +} -.icon-camera-off:before { content: "\e839"; } +.icon-camera-off:before { + content: "\e839"; +} -.icon-calendar:before { content: "\e83a"; } +.icon-calendar:before { + content: "\e83a"; +} -.icon-bookmark:before { content: "\e83b"; } +.icon-bookmark:before { + content: "\e83b"; +} -.icon-box:before { content: "\e83c"; } +.icon-box:before { + content: "\e83c"; +} -.icon-camera:before { content: "\e83d"; } +.icon-camera:before { + content: "\e83d"; +} -.icon-check-circle:before { content: "\e83e"; } +.icon-check-circle:before { + content: "\e83e"; +} -.icon-check:before { content: "\e83f"; } +.icon-check:before { + content: "\e83f"; +} -.icon-check-square:before { content: "\e840"; } +.icon-check-square:before { + content: "\e840"; +} -.icon-cast:before { content: "\e841"; } +.icon-cast:before { + content: "\e841"; +} -.icon-chevron-down:before { content: "\e842"; } +.icon-chevron-down:before { + content: "\e842"; +} -.icon-chevron-left:before { content: "\e843"; } +.icon-chevron-left:before { + content: "\e843"; +} -.icon-chevron-right:before { content: "\e844"; } +.icon-chevron-right:before { + content: "\e844"; +} -.icon-chevron-up:before { content: "\e845"; } +.icon-chevron-up:before { + content: "\e845"; +} -.icon-chevrons-down:before { content: "\e846"; } +.icon-chevrons-down:before { + content: "\e846"; +} -.icon-chevrons-right:before { content: "\e847"; } +.icon-chevrons-right:before { + content: "\e847"; +} -.icon-chevrons-up:before { content: "\e848"; } +.icon-chevrons-up:before { + content: "\e848"; +} -.icon-chevrons-left:before { content: "\e849"; } +.icon-chevrons-left:before { + content: "\e849"; +} -.icon-circle:before { content: "\e84a"; } +.icon-circle:before { + content: "\e84a"; +} -.icon-clipboard:before { content: "\e84b"; } +.icon-clipboard:before { + content: "\e84b"; +} -.icon-chrome:before { content: "\e84c"; } +.icon-chrome:before { + content: "\e84c"; +} -.icon-clock:before { content: "\e84d"; } +.icon-clock:before { + content: "\e84d"; +} -.icon-cloud-lightning:before { content: "\e84e"; } +.icon-cloud-lightning:before { + content: "\e84e"; +} -.icon-cloud-drizzle:before { content: "\e84f"; } +.icon-cloud-drizzle:before { + content: "\e84f"; +} -.icon-cloud-rain:before { content: "\e850"; } +.icon-cloud-rain:before { + content: "\e850"; +} -.icon-cloud-off:before { content: "\e851"; } +.icon-cloud-off:before { + content: "\e851"; +} -.icon-codepen:before { content: "\e852"; } +.icon-codepen:before { + content: "\e852"; +} -.icon-cloud-snow:before { content: "\e853"; } +.icon-cloud-snow:before { + content: "\e853"; +} -.icon-compass:before { content: "\e854"; } +.icon-compass:before { + content: "\e854"; +} -.icon-copy:before { content: "\e855"; } +.icon-copy:before { + content: "\e855"; +} -.icon-corner-down-right:before { content: "\e856"; } +.icon-corner-down-right:before { + content: "\e856"; +} -.icon-corner-down-left:before { content: "\e857"; } +.icon-corner-down-left:before { + content: "\e857"; +} -.icon-corner-left-down:before { content: "\e858"; } +.icon-corner-left-down:before { + content: "\e858"; +} -.icon-corner-left-up:before { content: "\e859"; } +.icon-corner-left-up:before { + content: "\e859"; +} -.icon-corner-up-left:before { content: "\e85a"; } +.icon-corner-up-left:before { + content: "\e85a"; +} -.icon-corner-up-right:before { content: "\e85b"; } +.icon-corner-up-right:before { + content: "\e85b"; +} -.icon-corner-right-down:before { content: "\e85c"; } +.icon-corner-right-down:before { + content: "\e85c"; +} -.icon-corner-right-up:before { content: "\e85d"; } +.icon-corner-right-up:before { + content: "\e85d"; +} -.icon-cpu:before { content: "\e85e"; } +.icon-cpu:before { + content: "\e85e"; +} -.icon-credit-card:before { content: "\e85f"; } +.icon-credit-card:before { + content: "\e85f"; +} -.icon-crosshair:before { content: "\e860"; } +.icon-crosshair:before { + content: "\e860"; +} -.icon-disc:before { content: "\e861"; } +.icon-disc:before { + content: "\e861"; +} -.icon-delete:before { content: "\e862"; } +.icon-delete:before { + content: "\e862"; +} -.icon-download-cloud:before { content: "\e863"; } +.icon-download-cloud:before { + content: "\e863"; +} -.icon-download:before { content: "\e864"; } +.icon-download:before { + content: "\e864"; +} -.icon-droplet:before { content: "\e865"; } +.icon-droplet:before { + content: "\e865"; +} -.icon-edit-2:before { content: "\e866"; } +.icon-edit-2:before { + content: "\e866"; +} -.icon-edit:before { content: "\e867"; } +.icon-edit:before { + content: "\e867"; +} -.icon-edit-1:before { content: "\e868"; } +.icon-edit-1:before { + content: "\e868"; +} -.icon-external-link:before { content: "\e869"; } +.icon-external-link:before { + content: "\e869"; +} -.icon-eye:before { content: "\e86a"; } +.icon-eye:before { + content: "\e86a"; +} -.icon-feather:before { content: "\e86b"; } +.icon-feather:before { + content: "\e86b"; +} -.icon-facebook:before { content: "\e86c"; } +.icon-facebook:before { + content: "\e86c"; +} -.icon-file-minus:before { content: "\e86d"; } +.icon-file-minus:before { + content: "\e86d"; +} -.icon-eye-off:before { content: "\e86e"; } +.icon-eye-off:before { + content: "\e86e"; +} -.icon-fast-forward:before { content: "\e86f"; } +.icon-fast-forward:before { + content: "\e86f"; +} -.icon-file-text:before { content: "\e870"; } +.icon-file-text:before { + content: "\e870"; +} -.icon-film:before { content: "\e871"; } +.icon-film:before { + content: "\e871"; +} -.icon-file:before { content: "\e872"; } +.icon-file:before { + content: "\e872"; +} -.icon-file-plus:before { content: "\e873"; } +.icon-file-plus:before { + content: "\e873"; +} -.icon-folder:before { content: "\e874"; } +.icon-folder:before { + content: "\e874"; +} -.icon-filter:before { content: "\e875"; } +.icon-filter:before { + content: "\e875"; +} -.icon-flag:before { content: "\e876"; } +.icon-flag:before { + content: "\e876"; +} -.icon-globe:before { content: "\e877"; } +.icon-globe:before { + content: "\e877"; +} -.icon-grid:before { content: "\e878"; } +.icon-grid:before { + content: "\e878"; +} -.icon-heart:before { content: "\e879"; } +.icon-heart:before { + content: "\e879"; +} -.icon-home:before { content: "\e87a"; } +.icon-home:before { + content: "\e87a"; +} -.icon-github:before { content: "\e87b"; } +.icon-github:before { + content: "\e87b"; +} -.icon-image:before { content: "\e87c"; } +.icon-image:before { + content: "\e87c"; +} -.icon-inbox:before { content: "\e87d"; } +.icon-inbox:before { + content: "\e87d"; +} -.icon-layers:before { content: "\e87e"; } +.icon-layers:before { + content: "\e87e"; +} -.icon-info:before { content: "\e87f"; } +.icon-info:before { + content: "\e87f"; +} -.icon-instagram:before { content: "\e880"; } +.icon-instagram:before { + content: "\e880"; +} -.icon-layout:before { content: "\e881"; } +.icon-layout:before { + content: "\e881"; +} -.icon-link-2:before { content: "\e882"; } +.icon-link-2:before { + content: "\e882"; +} -.icon-life-buoy:before { content: "\e883"; } +.icon-life-buoy:before { + content: "\e883"; +} -.icon-link:before { content: "\e884"; } +.icon-link:before { + content: "\e884"; +} -.icon-log-in:before { content: "\e885"; } +.icon-log-in:before { + content: "\e885"; +} -.icon-list:before { content: "\e886"; } +.icon-list:before { + content: "\e886"; +} -.icon-lock:before { content: "\e887"; } +.icon-lock:before { + content: "\e887"; +} -.icon-log-out:before { content: "\e888"; } +.icon-log-out:before { + content: "\e888"; +} -.icon-loader:before { content: "\e889"; } +.icon-loader:before { + content: "\e889"; +} -.icon-mail:before { content: "\e88a"; } +.icon-mail:before { + content: "\e88a"; +} -.icon-maximize-2:before { content: "\e88b"; } +.icon-maximize-2:before { + content: "\e88b"; +} -.icon-map:before { content: "\e88c"; } +.icon-map:before { + content: "\e88c"; +} -.icon-map-pin:before { content: "\e88e"; } +.icon-map-pin:before { + content: "\e88e"; +} -.icon-menu:before { content: "\e88f"; } +.icon-menu:before { + content: "\e88f"; + margin-left: 20px; +} -.icon-message-circle:before { content: "\e890"; } +.icon-message-circle:before { + content: "\e890"; +} -.icon-message-square:before { content: "\e891"; } +.icon-message-square:before { + content: "\e891"; +} -.icon-minimize-2:before { content: "\e892"; } +.icon-minimize-2:before { + content: "\e892"; +} -.icon-mic-off:before { content: "\e893"; } +.icon-mic-off:before { + content: "\e893"; +} -.icon-minus-circle:before { content: "\e894"; } +.icon-minus-circle:before { + content: "\e894"; +} -.icon-mic:before { content: "\e895"; } +.icon-mic:before { + content: "\e895"; +} -.icon-minus-square:before { content: "\e896"; } +.icon-minus-square:before { + content: "\e896"; +} -.icon-minus:before { content: "\e897"; } +.icon-minus:before { + content: "\e897"; +} -.icon-moon:before { content: "\e898"; } +.icon-moon:before { + content: "\e898"; +} -.icon-monitor:before { content: "\e899"; } +.icon-monitor:before { + content: "\e899"; +} -.icon-more-vertical:before { content: "\e89a"; } +.icon-more-vertical:before { + content: "\e89a"; +} -.icon-more-horizontal:before { content: "\e89b"; } +.icon-more-horizontal:before { + content: "\e89b"; +} -.icon-move:before { content: "\e89c"; } +.icon-move:before { + content: "\e89c"; +} -.icon-music:before { content: "\e89d"; } +.icon-music:before { + content: "\e89d"; +} -.icon-navigation-2:before { content: "\e89e"; } +.icon-navigation-2:before { + content: "\e89e"; +} -.icon-navigation:before { content: "\e89f"; } +.icon-navigation:before { + content: "\e89f"; +} -.icon-octagon:before { content: "\e8a0"; } +.icon-octagon:before { + content: "\e8a0"; +} -.icon-package:before { content: "\e8a1"; } +.icon-package:before { + content: "\e8a1"; +} -.icon-pause-circle:before { content: "\e8a2"; } +.icon-pause-circle:before { + content: "\e8a2"; +} -.icon-pause:before { content: "\e8a3"; } +.icon-pause:before { + content: "\e8a3"; +} -.icon-percent:before { content: "\e8a4"; } +.icon-percent:before { + content: "\e8a4"; +} -.icon-phone-call:before { content: "\e8a5"; } +.icon-phone-call:before { + content: "\e8a5"; +} -.icon-phone-forwarded:before { content: "\e8a6"; } +.icon-phone-forwarded:before { + content: "\e8a6"; +} -.icon-phone-missed:before { content: "\e8a7"; } +.icon-phone-missed:before { + content: "\e8a7"; +} -.icon-phone-off:before { content: "\e8a8"; } +.icon-phone-off:before { + content: "\e8a8"; +} -.icon-phone-incoming:before { content: "\e8a9"; } +.icon-phone-incoming:before { + content: "\e8a9"; +} -.icon-phone:before { content: "\e8aa"; } +.icon-phone:before { + content: "\e8aa"; +} -.icon-phone-outgoing:before { content: "\e8ab"; } +.icon-phone-outgoing:before { + content: "\e8ab"; +} -.icon-pie-chart:before { content: "\e8ac"; } +.icon-pie-chart:before { + content: "\e8ac"; +} -.icon-play-circle:before { content: "\e8ad"; } +.icon-play-circle:before { + content: "\e8ad"; +} -.icon-play:before { content: "\e8ae"; } +.icon-play:before { + content: "\e8ae"; +} -.icon-plus-square:before { content: "\e8af"; } +.icon-plus-square:before { + content: "\e8af"; +} -.icon-plus-circle:before { content: "\e8b0"; } +.icon-plus-circle:before { + content: "\e8b0"; +} -.icon-plus:before { content: "\e8b1"; } +.icon-plus:before { + content: "\e8b1"; +} -.icon-pocket:before { content: "\e8b2"; } +.icon-pocket:before { + content: "\e8b2"; +} -.icon-printer:before { content: "\e8b3"; } +.icon-printer:before { + content: "\e8b3"; +} -.icon-power:before { content: "\e8b4"; } +.icon-power:before { + content: "\e8b4"; +} -.icon-radio:before { content: "\e8b5"; } +.icon-radio:before { + content: "\e8b5"; +} -.icon-repeat:before { content: "\e8b6"; } +.icon-repeat:before { + content: "\e8b6"; +} -.icon-refresh-ccw:before { content: "\e8b7"; } +.icon-refresh-ccw:before { + content: "\e8b7"; +} -.icon-rewind:before { content: "\e8b8"; } +.icon-rewind:before { + content: "\e8b8"; +} -.icon-rotate-ccw:before { content: "\e8b9"; } +.icon-rotate-ccw:before { + content: "\e8b9"; +} -.icon-refresh-cw:before { content: "\e8ba"; } +.icon-refresh-cw:before { + content: "\e8ba"; +} -.icon-rotate-cw:before { content: "\e8bb"; } +.icon-rotate-cw:before { + content: "\e8bb"; +} -.icon-save:before { content: "\e8bc"; } +.icon-save:before { + content: "\e8bc"; +} -.icon-search:before { content: "\e8bd"; } +.icon-search:before { + content: "\e8bd"; +} -.icon-server:before { content: "\e8be"; } +.icon-server:before { + content: "\e8be"; +} -.icon-scissors:before { content: "\e8bf"; } +.icon-scissors:before { + content: "\e8bf"; +} -.icon-share-2:before { content: "\e8c0"; } +.icon-share-2:before { + content: "\e8c0"; +} -.icon-share:before { content: "\e8c1"; } +.icon-share:before { + content: "\e8c1"; +} -.icon-shield:before { content: "\e8c2"; } +.icon-shield:before { + content: "\e8c2"; +} -.icon-settings:before { content: "\e8c3"; } +.icon-settings:before { + content: "\e8c3"; +} -.icon-skip-back:before { content: "\e8c4"; } +.icon-skip-back:before { + content: "\e8c4"; +} -.icon-shuffle:before { content: "\e8c5"; } +.icon-shuffle:before { + content: "\e8c5"; +} -.icon-sidebar:before { content: "\e8c6"; } +.icon-sidebar:before { + content: "\e8c6"; +} -.icon-skip-forward:before { content: "\e8c7"; } +.icon-skip-forward:before { + content: "\e8c7"; +} -.icon-slack:before { content: "\e8c8"; } +.icon-slack:before { + content: "\e8c8"; +} -.icon-slash:before { content: "\e8c9"; } +.icon-slash:before { + content: "\e8c9"; +} -.icon-smartphone:before { content: "\e8ca"; } +.icon-smartphone:before { + content: "\e8ca"; +} -.icon-square:before { content: "\e8cb"; } +.icon-square:before { + content: "\e8cb"; +} -.icon-speaker:before { content: "\e8cc"; } +.icon-speaker:before { + content: "\e8cc"; +} -.icon-star:before { content: "\e8cd"; } +.icon-star:before { + content: "\e8cd"; +} -.icon-stop-circle:before { content: "\e8ce"; } +.icon-stop-circle:before { + content: "\e8ce"; +} -.icon-sun:before { content: "\e8cf"; } +.icon-sun:before { + content: "\e8cf"; +} -.icon-sunrise:before { content: "\e8d0"; } +.icon-sunrise:before { + content: "\e8d0"; +} -.icon-tablet:before { content: "\e8d1"; } +.icon-tablet:before { + content: "\e8d1"; +} -.icon-tag:before { content: "\e8d2"; } +.icon-tag:before { + content: "\e8d2"; +} -.icon-sunset:before { content: "\e8d3"; } +.icon-sunset:before { + content: "\e8d3"; +} -.icon-target:before { content: "\e8d4"; } +.icon-target:before { + content: "\e8d4"; +} -.icon-thermometer:before { content: "\e8d5"; } +.icon-thermometer:before { + content: "\e8d5"; +} -.icon-thumbs-up:before { content: "\e8d6"; } +.icon-thumbs-up:before { + content: "\e8d6"; +} -.icon-thumbs-down:before { content: "\e8d7"; } +.icon-thumbs-down:before { + content: "\e8d7"; +} -.icon-toggle-left:before { content: "\e8d8"; } +.icon-toggle-left:before { + content: "\e8d8"; +} -.icon-toggle-right:before { content: "\e8d9"; } +.icon-toggle-right:before { + content: "\e8d9"; +} -.icon-trash-2:before { content: "\e8da"; } +.icon-trash-2:before { + content: "\e8da"; +} -.icon-trash:before { content: "\e8db"; } +.icon-trash:before { + content: "\e8db"; +} -.icon-trending-up:before { content: "\e8dc"; } +.icon-trending-up:before { + content: "\e8dc"; +} -.icon-trending-down:before { content: "\e8dd"; } +.icon-trending-down:before { + content: "\e8dd"; +} -.icon-triangle:before { content: "\e8de"; } +.icon-triangle:before { + content: "\e8de"; +} -.icon-type:before { content: "\e8df"; } +.icon-type:before { + content: "\e8df"; +} -.icon-twitter:before { content: "\e8e0"; } +.icon-twitter:before { + content: "\e8e0"; +} -.icon-upload:before { content: "\e8e1"; } +.icon-upload:before { + content: "\e8e1"; +} -.icon-umbrella:before { content: "\e8e2"; } +.icon-umbrella:before { + content: "\e8e2"; +} -.icon-upload-cloud:before { content: "\e8e3"; } +.icon-upload-cloud:before { + content: "\e8e3"; +} -.icon-unlock:before { content: "\e8e4"; } +.icon-unlock:before { + content: "\e8e4"; +} -.icon-user-check:before { content: "\e8e5"; } +.icon-user-check:before { + content: "\e8e5"; +} -.icon-user-minus:before { content: "\e8e6"; } +.icon-user-minus:before { + content: "\e8e6"; +} -.icon-user-plus:before { content: "\e8e7"; } +.icon-user-plus:before { + content: "\e8e7"; +} -.icon-user-x:before { content: "\e8e8"; } +.icon-user-x:before { + content: "\e8e8"; +} -.icon-user:before { content: "\e8e9"; } +.icon-user:before { + content: "\e8e9"; +} -.icon-users:before { content: "\e8ea"; } +.icon-users:before { + content: "\e8ea"; +} -.icon-video-off:before { content: "\e8eb"; } +.icon-video-off:before { + content: "\e8eb"; +} -.icon-video:before { content: "\e8ec"; } +.icon-video:before { + content: "\e8ec"; +} -.icon-voicemail:before { content: "\e8ed"; } +.icon-voicemail:before { + content: "\e8ed"; +} -.icon-volume-x:before { content: "\e8ee"; } +.icon-volume-x:before { + content: "\e8ee"; +} -.icon-volume-2:before { content: "\e8ef"; } +.icon-volume-2:before { + content: "\e8ef"; +} -.icon-volume-1:before { content: "\e8f0"; } +.icon-volume-1:before { + content: "\e8f0"; +} -.icon-volume:before { content: "\e8f1"; } +.icon-volume:before { + content: "\e8f1"; +} -.icon-watch:before { content: "\e8f2"; } +.icon-watch:before { + content: "\e8f2"; +} -.icon-wifi:before { content: "\e8f3"; } +.icon-wifi:before { + content: "\e8f3"; +} -.icon-x-square:before { content: "\e8f4"; } +.icon-x-square:before { + content: "\e8f4"; +} -.icon-wind:before { content: "\e8f5"; } +.icon-wind:before { + content: "\e8f5"; +} -.icon-x:before { content: "\e8f6"; } +.icon-x:before { + content: "\e8f6"; +} -.icon-x-circle:before { content: "\e8f7"; } +.icon-x-circle:before { + content: "\e8f7"; +} -.icon-zap:before { content: "\e8f8"; } +.icon-zap:before { + content: "\e8f8"; +} -.icon-zoom-in:before { content: "\e8f9"; } +.icon-zoom-in:before { + content: "\e8f9"; +} -.icon-zoom-out:before { content: "\e8fa"; } +.icon-zoom-out:before { + content: "\e8fa"; +} -.icon-command:before { content: "\e8fb"; } +.icon-command:before { + content: "\e8fb"; +} -.icon-cloud:before { content: "\e8fc"; } +.icon-cloud:before { + content: "\e8fc"; +} -.icon-hash:before { content: "\e8fd"; } +.icon-hash:before { + content: "\e8fd"; +} -.icon-headphones:before { content: "\e8fe"; } +.icon-headphones:before { + content: "\e8fe"; +} -.icon-underline:before { content: "\e8ff"; } +.icon-underline:before { + content: "\e8ff"; +} -.icon-italic:before { content: "\e900"; } +.icon-italic:before { + content: "\e900"; +} -.icon-bold:before { content: "\e901"; } +.icon-bold:before { + content: "\e901"; +} -.icon-crop:before { content: "\e902"; } +.icon-crop:before { + content: "\e902"; +} -.icon-help-circle:before { content: "\e903"; } +.icon-help-circle:before { + content: "\e903"; +} -.icon-paperclip:before { content: "\e904"; } +.icon-paperclip:before { + content: "\e904"; +} -.icon-shopping-cart:before { content: "\e905"; } +.icon-shopping-cart:before { + content: "\e905"; +} -.icon-tv:before { content: "\e906"; } +.icon-tv:before { + content: "\e906"; +} -.icon-wifi-off:before { content: "\e907"; } +.icon-wifi-off:before { + content: "\e907"; +} -.icon-minimize:before { content: "\e88d"; } +.icon-minimize:before { + content: "\e88d"; +} -.icon-maximize:before { content: "\e908"; } +.icon-maximize:before { + content: "\e908"; +} -.icon-gitlab:before { content: "\e909"; } +.icon-gitlab:before { + content: "\e909"; +} -.icon-sliders:before { content: "\e90a"; } +.icon-sliders:before { + content: "\e90a"; +} -.icon-star-on:before { content: "\e90b"; } +.icon-star-on:before { + content: "\e90b"; +} -.icon-heart-on:before { content: "\e90c"; } \ No newline at end of file +.icon-heart-on:before { + content: "\e90c"; +} diff --git a/index.html b/index.html index 3633edef..1311c564 100644 --- a/index.html +++ b/index.html @@ -37,6 +37,27 @@ + + + + @@ -87,12 +108,16 @@ @@ -1759,7 +1784,8 @@
Sara Soudein
-
+

Portfolio Value

@@ -1773,7 +1799,7 @@
Sara Soudein
+ style="background-color: white; padding: 25px; margin-top: 30px; box-shadow: 1px 1.5px 3px #2f455c36; border-radius: 4px;">

MOIC

@@ -1783,12 +1809,12 @@
Sara Soudein
+ style="background-color: white; padding: 25px; margin-top: 30px; box-shadow: 1px 1.5px 3px #2f455c36; border-radius: 4px;">

Each Portfolio Company Level Performance

+ style="color: #59d79e; font-weight: 900; font-size: 15px; font-family: Poppins; margin-bottom: 30px;"> : [Total Invested Capital vs. NAV end of December for 2021]
@@ -1804,7 +1830,7 @@
Sara Soudein
+ style="background-color: white; padding: 25px; margin-top: 30px; box-shadow: 1px 1.5px 3px #2f455c36; border-radius: 4px;">

Investment Geographies

@@ -1813,36 +1839,28 @@
Sara Soudein
: Investment Geographies for 2022
-
+
+
+ style="background-color: white; padding: 25px; margin-top: 30px; box-shadow: 1px 1.5px 3px #2f455c36; border-radius: 4px;">

Fund SPC Transactions - 2022

-
-
-
- - + + - - - - - - +
NameAgeCityEmailPhone
John Doe25New York
-
diff --git a/main.js b/main.js index 50be9098..90b60640 100644 --- a/main.js +++ b/main.js @@ -330,114 +330,98 @@ function drawChart() { //Code for Pie Chart - 1 ENDED //Code for Table - 1 STARTED -google.charts.load("current", { packages: ["table"] }); -google.charts.setOnLoadCallback(drawTable); +// google.charts.load("current", { packages: ["table"] }); +// google.charts.setOnLoadCallback(drawTable); -function drawTable() { - var data = new google.visualization.DataTable(); - data.addColumn("string", "Date"); - data.addColumn("string", "Company Name"); - data.addColumn("number", "Amount Invested"); - data.addColumn("number", "Cost per share"); - data.addColumn("number", "Entry Valuation as on 31 Dec 22"); - data.addRows([ - [ - "29-Sep-21", - "Alcazar Alpha Fund I (CEIC Ltd)", - { v: 1000000, f: " 10,00,000" }, - 0.01, - { v: 1372250, f: " 13,72,250" }, - ], - [ - "29-Sep-21", - "Tribe Capital V, LLC- Series 2-A", - { v: 714000, f: " 7,14,000" }, - 0.01, - { v: 1757588, f: "17,57,588" }, - ], - [ - "13-Dec-21", - "Summer Pipe LLC", - { v: 12500, f: "15,00,000" }, - 0.01, - { v: 1500000, f: " 15,00,000" }, - ], - [ - "02-Feb-22", - "HOF Capital Growth Opportunity XXI, LLC", - { v: 1000000, f: " 10,00,000" }, - 0.01, - { v: 684877, f: " 6,84,877" }, - ], - [ - "16-Mar-22", - "Project SAM Productions LLC- Equity investment (initial purchase USD 250K+ second purchase USD 250k)", - { v: 500000, f: " 5,00,000" }, - 0.01, - { v: 500000, f: "5,00,000" }, - ], - [ - "14-Apr-22", - "Koinz Holding B.V. - Inv. Cost", - { v: 250000, f: "2,50,000" }, - 0.01, - { v: 250000, f: "2,50,000" }, - ], - ]); +// function drawTable() { +// var data = new google.visualization.DataTable(); +// data.addColumn("string", "Date"); +// data.addColumn("string", "Company Name"); +// data.addColumn("number", "Amount Invested"); +// data.addColumn("number", "Cost per share"); +// data.addColumn("number", "Entry Valuation as on 31 Dec 22"); +// data.addRows([ +// [ +// "29-Sep-21", +// "Alcazar Alpha Fund I (CEIC Ltd)", +// { v: 1000000, f: " 10,00,000" }, +// 0.01, +// { v: 1372250, f: " 13,72,250" }, +// ], +// [ +// "29-Sep-21", +// "Tribe Capital V, LLC- Series 2-A", +// { v: 714000, f: " 7,14,000" }, +// 0.01, +// { v: 1757588, f: "17,57,588" }, +// ], +// [ +// "13-Dec-21", +// "Summer Pipe LLC", +// { v: 12500, f: "15,00,000" }, +// 0.01, +// { v: 1500000, f: " 15,00,000" }, +// ], +// [ +// "02-Feb-22", +// "HOF Capital Growth Opportunity XXI, LLC", +// { v: 1000000, f: " 10,00,000" }, +// 0.01, +// { v: 684877, f: " 6,84,877" }, +// ], +// [ +// "16-Mar-22", +// "Project SAM Productions LLC- Equity investment (initial purchase USD 250K+ second purchase USD 250k)", +// { v: 500000, f: " 5,00,000" }, +// 0.01, +// { v: 500000, f: "5,00,000" }, +// ], +// [ +// "14-Apr-22", +// "Koinz Holding B.V. - Inv. Cost", +// { v: 250000, f: "2,50,000" }, +// 0.01, +// { v: 250000, f: "2,50,000" }, +// ], +// ]); - var table = new google.visualization.Table( - document.getElementById("table_div") - ); +// var table = new google.visualization.Table( +// document.getElementById("table_div") +// ); - table.draw(data, { showRowNumber: true, width: "100%", height: "100%" }); -} +// table.draw(data, { showRowNumber: true, width: "100%", height: "100%" }); +// } //Code for Table - 1 ENDED // TABLE Alternate - 1 START -$(document).ready(function () { - $("#myTable").DataTable(); -}); -var tableData = []; -$("#myTable tbody tr").each(function () { - var rowData = []; - $(this) - .find("td") - .each(function () { - rowData.push($(this).text()); - }); - tableData.push(rowData); -}); +document.addEventListener("DOMContentLoaded", function () { + // Your data array + var data = [ + { name: "John Doe", email: "john@example.com", phone: "555-1234" }, + { name: "Jane Smith", email: "jane@example.com", phone: "555-5678" }, + // Add more data objects as needed + ]; -// Extract labels and values -var labels = tableData.map(function (row) { - return row[0]; -}); -var values = tableData.map(function (row) { - return parseInt(row[1], 10); -}); + // Reference to the table body + var tbody = document.querySelector("#myTable tbody"); -// Create a bar chart using Chart.js -var ctx = document.getElementById("myChart").getContext("2d"); -var myChart = new Chart(ctx, { - type: "bar", - data: { - labels: labels, - datasets: [ - { - label: "Age", - data: values, - backgroundColor: "rgba(75, 192, 192, 0.2)", - borderColor: "rgba(75, 192, 192, 1)", - borderWidth: 1, - }, - ], - }, - options: { - scales: { - y: { - beginAtZero: true, - }, - }, - }, + // Populate the table with data + data.forEach(function (item) { + var row = document.createElement("tr"); + var nameCell = document.createElement("td"); + var emailCell = document.createElement("td"); + var phoneCell = document.createElement("td"); + + nameCell.textContent = item.name; + emailCell.textContent = item.email; + phoneCell.textContent = item.phone; + + row.appendChild(nameCell); + row.appendChild(emailCell); + row.appendChild(phoneCell); + + tbody.appendChild(row); + }); }); + // TABLE Alternate - 1 ENDED