[ { "path": "README.md", "content": "# HTML And CSS Template Four\n\nCourse Playlist https://www.youtube.com/watch?v=4OGWPn-Q__I&list=PLDoPjvoNmBAyGaRGzPVZCkYx5L7Mo9Tbh\n\n### Demo \n\nhttps://elzerowebschool.github.io/HTML_And_CSS_Template_Four/\n" }, { "path": "courses.html", "content": "\r\n\r\n \r\n \r\n \r\n \r\n Courses\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n

Elzero

\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \"\"\r\n
\r\n
\r\n \r\n

Courses

\r\n
\r\n
\r\n \"\"\r\n \"\"\r\n
\r\n

Mastering Web Design

\r\n

\r\n Master The Art Of Web Designing And Mocking, Prototyping And Creating Web Design Architecture\r\n

\r\n
\r\n
\r\n Course Info\r\n \r\n \r\n 950\r\n \r\n \r\n \r\n 165\r\n \r\n
\r\n
\r\n
\r\n \"\"\r\n \"\"\r\n
\r\n

Data Structure And Algorithms

\r\n

\r\n Master The Art Of Data Strcuture And Famous Algorithms Like Sorting, Dividing And Conquering\r\n

\r\n
\r\n
\r\n Course Info\r\n 1150\r\n 210\r\n
\r\n
\r\n
\r\n \"\"\r\n \"\"\r\n
\r\n

Responsive Web Design

\r\n

\r\n Mastering Responsive Web Design And Media Queries And Know Everything About Breakpoints\r\n

\r\n
\r\n
\r\n Course Info\r\n 650\r\n 90\r\n
\r\n
\r\n
\r\n \"\"\r\n \"\"\r\n
\r\n

Mastering Python

\r\n

\r\n Mastering Python To Prepare For Data Science And AI And Automating Things in Your Life\r\n

\r\n
\r\n
\r\n Course Info\r\n 950\r\n 250\r\n
\r\n
\r\n
\r\n \"\"\r\n \"\"\r\n
\r\n

PHP Examples

\r\n

\r\n PHP Tutorials And Examples And Practice On Web Application And Connecting With Databases\r\n

\r\n
\r\n
\r\n Course Info\r\n 850\r\n 150\r\n
\r\n
\r\n
\r\n \"\"\r\n \"\"\r\n
\r\n

Data Structure And Algorithms

\r\n

\r\n Master The Art Of Data Strcuture And Famous Algorithms Like Sorting, Dividing And Conquering\r\n

\r\n
\r\n
\r\n Course Info\r\n 1150\r\n 210\r\n
\r\n
\r\n
\r\n \"\"\r\n \"\"\r\n
\r\n

Responsive Web Design

\r\n

\r\n Mastering Responsive Web Design And Media Queries And Know Everything About Breakpoints\r\n

\r\n
\r\n
\r\n Course Info\r\n 650\r\n 90\r\n
\r\n
\r\n
\r\n \"\"\r\n \"\"\r\n
\r\n

Mastering Web Design

\r\n

\r\n Master The Art Of Web Designing And Mocking, Prototyping And Creating Web Design Archticture\r\n

\r\n
\r\n
\r\n Course Info\r\n 850\r\n 145\r\n
\r\n
\r\n
\r\n \"\"\r\n \"\"\r\n
\r\n

PHP Examples

\r\n

\r\n PHP Tutorials And Examples And Practice On Web Application And Connecting With Databases\r\n

\r\n
\r\n
\r\n Course Info\r\n 850\r\n 150\r\n
\r\n
\r\n
\r\n \"\"\r\n \"\"\r\n
\r\n

Mastering Python

\r\n

\r\n Mastering Python To Prepare For Data Science And AI And Automating Things in Your Life\r\n

\r\n
\r\n
\r\n Course Info\r\n 950\r\n 250\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n\r\n" }, { "path": "css/framework.css", "content": ":root {\r\n --blue-color: #0075ff;\r\n --blue-alt-color: #0d69d5;\r\n --orange-color: #f59e0b;\r\n --green-color: #22c55e;\r\n --red-color: #f44336;\r\n --grey-color: #888;\r\n}\r\n/* Start Box */\r\n.d-flex {\r\n display: flex;\r\n}\r\n.f-wrap {\r\n flex-wrap: wrap;\r\n}\r\n.align-center {\r\n align-items: center;\r\n}\r\n.space-between {\r\n justify-content: space-between;\r\n}\r\n.d-grid {\r\n display: grid;\r\n}\r\n.gap-20 {\r\n gap: 20px;\r\n}\r\n.d-block {\r\n display: block;\r\n}\r\n@media (max-width: 767px) {\r\n .block-mobile {\r\n display: block;\r\n }\r\n .hide-mobile {\r\n display: none;\r\n }\r\n}\r\n/* End Box */\r\n/* Start Padding + Margin */\r\n.p-10 {\r\n padding: 10px;\r\n}\r\n.p-15 {\r\n padding: 15px;\r\n}\r\n.p-20 {\r\n padding: 20px;\r\n}\r\n.pt-10 {\r\n padding-top: 10px;\r\n}\r\n.pt-15 {\r\n padding-top: 15px;\r\n}\r\n.pt-20 {\r\n padding-top: 20px;\r\n}\r\n.pb-10 {\r\n padding-bottom: 10px;\r\n}\r\n.pb-15 {\r\n padding-bottom: 15px;\r\n}\r\n.pb-20 {\r\n padding-bottom: 20px;\r\n}\r\n.pl-15 {\r\n padding-left: 15px;\r\n}\r\n.m-0 {\r\n margin: 0;\r\n}\r\n.m-15 {\r\n margin: 15px;\r\n}\r\n.m-20 {\r\n margin: 20px;\r\n}\r\n.mt-0 {\r\n margin-top: 0;\r\n}\r\n.mt-5 {\r\n margin-top: 5px;\r\n}\r\n.mt-10 {\r\n margin-top: 10px;\r\n}\r\n.mt-15 {\r\n margin-top: 15px;\r\n}\r\n.mt-20 {\r\n margin-top: 20px;\r\n}\r\n.mt-25 {\r\n margin-top: 25px;\r\n}\r\n.mr-10 {\r\n margin-right: 10px;\r\n}\r\n.mr-15 {\r\n margin-right: 15px;\r\n}\r\n.mb-5 {\r\n margin-bottom: 5px;\r\n}\r\n.mb-10 {\r\n margin-bottom: 10px;\r\n}\r\n.mb-15 {\r\n margin-bottom: 15px;\r\n}\r\n.mb-20 {\r\n margin-bottom: 20px;\r\n}\r\n.mb-25 {\r\n margin-bottom: 25px;\r\n}\r\n/* End Padding + Margin */\r\n/* Start Color */\r\n.c-black {\r\n color: black;\r\n}\r\n.c-white {\r\n color: white;\r\n}\r\n.c-grey {\r\n color: var(--grey-color);\r\n}\r\n.c-red {\r\n color: var(--red-color);\r\n}\r\n.c-green {\r\n color: var(--green-color);\r\n}\r\n.c-blue {\r\n color: var(--blue-color);\r\n}\r\n.c-orange {\r\n color: var(--orange-color);\r\n}\r\n.bg-red {\r\n background-color: var(--red-color);\r\n}\r\n.bg-green {\r\n background-color: var(--green-color);\r\n}\r\n.bg-blue {\r\n background-color: var(--blue-color);\r\n}\r\n.bg-orange {\r\n background-color: var(--orange-color);\r\n}\r\n.bg-white {\r\n background-color: white;\r\n}\r\n.bg-eee {\r\n background-color: #eee;\r\n}\r\n/* End Color */\r\n/* Start Position */\r\n.p-relative {\r\n position: relative;\r\n}\r\n.p-absolute {\r\n position: absolute;\r\n}\r\n/* End Position */\r\n/* Start Font */\r\n.txt-c {\r\n text-align: center;\r\n}\r\n.fs-13 {\r\n font-size: 13px;\r\n}\r\n.fs-14 {\r\n font-size: 14px;\r\n}\r\n.fs-15 {\r\n font-size: 15px;\r\n}\r\n.fs-25 {\r\n font-size: 25px;\r\n}\r\n.fw-bold {\r\n font-weight: bold;\r\n}\r\n@media (max-width: 767px) {\r\n .txt-c-mobile {\r\n text-align: center;\r\n }\r\n}\r\n/* End Font */\r\n/* Start Border */\r\n.rad-6 {\r\n border-radius: 6px;\r\n}\r\n.rad-10 {\r\n border-radius: 10px;\r\n}\r\n.rad-half {\r\n border-radius: 50%;\r\n}\r\n.b-none {\r\n border: none;\r\n}\r\n.border-ccc {\r\n border: 1px solid #ccc;\r\n}\r\n.border-eee {\r\n border: 1px solid #eee;\r\n}\r\n\r\n/* End Border */\r\n/* Start Width + Height */\r\n.w-full {\r\n width: 100%;\r\n}\r\n.w-100 {\r\n width: 100px;\r\n}\r\n.w-fit {\r\n width: fit-content;\r\n}\r\n.h-full {\r\n height: 100%;\r\n}\r\n.h-100 {\r\n height: 100px;\r\n}\r\n/* End Width + Height */\r\n/* Start Components */\r\n.center-flex {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.between-flex {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n.btn-shape {\r\n padding: 4px 10px;\r\n border-radius: 6px;\r\n}\r\n/* End Components */\r\n" }, { "path": "css/master.css", "content": ":root {\r\n --blue-color: #0075ff;\r\n --blue-alt-color: #0d69d5;\r\n --orange-color: #f59e0b;\r\n --green-color: #22c55e;\r\n --red-color: #f44336;\r\n --grey-color: #888;\r\n}\r\n* {\r\n box-sizing: border-box;\r\n}\r\nbody {\r\n font-family: \"Open Sans\", sans-serif;\r\n margin: 0;\r\n}\r\n*:focus {\r\n outline: none;\r\n}\r\na {\r\n text-decoration: none;\r\n}\r\nul {\r\n list-style: none;\r\n padding: 0;\r\n}\r\n::-webkit-scrollbar {\r\n width: 15px;\r\n}\r\n::-webkit-scrollbar-track {\r\n background-color: white;\r\n}\r\n::-webkit-scrollbar-thumb {\r\n background-color: var(--blue-color);\r\n}\r\n::-webkit-scrollbar-thumb:hover {\r\n background-color: var(--blue-alt-color);\r\n}\r\n.page {\r\n background-color: #f1f5f9;\r\n min-height: 100vh;\r\n}\r\n/* Start Sidebar */\r\n.sidebar {\r\n width: 250px;\r\n box-shadow: 0 0 10px #ddd;\r\n}\r\n.sidebar > h3 {\r\n margin-bottom: 50px;\r\n}\r\n.sidebar > h3::before,\r\n.sidebar > h3::after {\r\n content: \"\";\r\n background-color: black;\r\n transform: translateX(-50%);\r\n position: absolute;\r\n left: 50%;\r\n}\r\n.sidebar > h3::before {\r\n width: 80px;\r\n height: 2px;\r\n bottom: -20px;\r\n}\r\n.sidebar > h3::after {\r\n bottom: -29px;\r\n width: 12px;\r\n height: 12px;\r\n border-radius: 50%;\r\n border: 4px solid white;\r\n}\r\n.sidebar ul li a {\r\n transition: 0.3s;\r\n margin-bottom: 5px;\r\n}\r\n.sidebar ul li a:hover,\r\n.sidebar ul li a.active {\r\n background-color: #f6f6f6;\r\n}\r\n.sidebar ul li a span {\r\n font-size: 14px;\r\n margin-left: 10px;\r\n}\r\n@media (max-width: 767px) {\r\n .sidebar {\r\n width: 58px;\r\n padding: 10px;\r\n }\r\n .sidebar > h3 {\r\n font-size: 13px;\r\n margin-bottom: 15px;\r\n }\r\n .sidebar > h3::before,\r\n .sidebar > h3::after {\r\n display: none;\r\n }\r\n .sidebar ul li a span {\r\n display: none;\r\n }\r\n}\r\n/* End Sidebar */\r\n/* Start Content */\r\n.content {\r\n overflow: hidden;\r\n}\r\n.head .search::before {\r\n font-family: var(--fa-style-family-classic);\r\n content: \"\\f002\";\r\n font-weight: 900;\r\n position: absolute;\r\n left: 15px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n font-size: 14px;\r\n color: var(--grey-color);\r\n}\r\n.head .search input {\r\n border: 1px solid #ccc;\r\n border-radius: 10px;\r\n margin-left: 5px;\r\n padding-left: 30px;\r\n width: 160px;\r\n transition: width 0.3s;\r\n}\r\n.head .search input:focus {\r\n width: 200px;\r\n}\r\n.head .search input:focus::placeholder {\r\n opacity: 0;\r\n}\r\n.head .icons .notification::before {\r\n content: \"\";\r\n position: absolute;\r\n width: 10px;\r\n height: 10px;\r\n background-color: var(--red-color);\r\n border-radius: 50%;\r\n right: -5px;\r\n top: -5px;\r\n}\r\n.head .icons img {\r\n width: 32px;\r\n height: 32px;\r\n margin-left: 15px;\r\n}\r\n.page h1 {\r\n margin: 20px 20px 40px;\r\n}\r\n.page h1::before,\r\n.page h1::after {\r\n content: \"\";\r\n height: 3px;\r\n position: absolute;\r\n bottom: -10px;\r\n left: 0;\r\n}\r\n.page h1::before {\r\n background-color: white;\r\n width: 120px;\r\n}\r\n.page h1::after {\r\n background-color: black;\r\n width: 40px;\r\n}\r\n.wrapper {\r\n grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));\r\n margin-left: 20px;\r\n margin-right: 20px;\r\n margin-bottom: 20px;\r\n}\r\n@media (max-width: 767px) {\r\n .wrapper {\r\n grid-template-columns: minmax(200px, 1fr);\r\n margin-left: 10px;\r\n margin-right: 10px;\r\n gap: 10px;\r\n }\r\n}\r\n/* End Content */\r\n/* Start Welcome Widget */\r\n.welcome {\r\n overflow: hidden;\r\n}\r\n.welcome .intro img {\r\n width: 200px;\r\n margin-bottom: -10px;\r\n}\r\n.welcome .avatar {\r\n width: 64px;\r\n height: 64px;\r\n border: 2px solid white;\r\n border-radius: 50%;\r\n padding: 2px;\r\n box-shadow: 0 0 5px #ddd;\r\n margin-left: 20px;\r\n margin-top: -32px;\r\n}\r\n.welcome .body {\r\n border-top: 1px solid #eee;\r\n border-bottom: 1px solid #eee;\r\n}\r\n.welcome .body > div {\r\n flex: 1;\r\n}\r\n.welcome .visit {\r\n margin: 0 15px 15px auto;\r\n transition: 0.3s;\r\n}\r\n.welcome .visit:hover {\r\n background-color: var(--blue-alt-color);\r\n}\r\n@media (max-width: 767px) {\r\n .welcome .intro {\r\n padding-bottom: 30px;\r\n }\r\n .welcome .avatar {\r\n margin-left: 0;\r\n }\r\n .welcome .body > div:not(:last-child) {\r\n margin-bottom: 20px;\r\n }\r\n}\r\n/* End Welcome Widget */\r\n/* Start Quick Draft Widget */\r\n.quick-draft textarea {\r\n resize: none;\r\n min-height: 180px;\r\n}\r\n.quick-draft .save {\r\n margin-left: auto;\r\n transition: 0.3s;\r\n cursor: pointer;\r\n}\r\n.quick-draft .save:hover {\r\n background-color: var(--blue-alt-color);\r\n}\r\n/* End Quick Draft Widget */\r\n/* Start Targets */\r\n.targets .target-row .icon {\r\n width: 80px;\r\n height: 80px;\r\n margin-right: 15px;\r\n}\r\n.targets .details {\r\n flex: 1;\r\n}\r\n.targets .details .progress {\r\n height: 4px;\r\n}\r\n.targets .details .progress > span {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n height: 100%;\r\n}\r\n.targets .details .progress > span span {\r\n position: absolute;\r\n bottom: 16px;\r\n right: -16px;\r\n color: white;\r\n padding: 2px 5px;\r\n border-radius: 6px;\r\n font-size: 13px;\r\n}\r\n.targets .details .progress > span span::after {\r\n content: \"\";\r\n border-color: transparent;\r\n border-width: 5px;\r\n border-style: solid;\r\n position: absolute;\r\n bottom: -10px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n}\r\n.targets .details .progress > .blue span::after {\r\n border-top-color: var(--blue-color);\r\n}\r\n.targets .details .progress > .orange span::after {\r\n border-top-color: var(--orange-color);\r\n}\r\n.targets .details .progress > .green span::after {\r\n border-top-color: var(--green-color);\r\n}\r\n.blue .icon,\r\n.blue .progress {\r\n background-color: rgb(0 117 255 / 20%);\r\n}\r\n.orange .icon,\r\n.orange .progress {\r\n background-color: rgb(245 158 11 / 20%);\r\n}\r\n.green .icon,\r\n.green .progress {\r\n background-color: rgb(34 197 94 / 20%);\r\n}\r\n/* End Targets */\r\n/* Start Tickets */\r\n.tickets .box {\r\n border: 1px solid #ccc;\r\n width: calc(50% - 10px);\r\n}\r\n@media (max-width: 767px) {\r\n .tickets .box {\r\n width: 100%;\r\n }\r\n}\r\n/* End Tickets */\r\n/* Start Latest News */\r\n.latest-news .news-row:not(:last-of-type) {\r\n margin-bottom: 20px;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid #eee;\r\n}\r\n.latest-news .news-row img {\r\n width: 100px;\r\n border-radius: 6px;\r\n margin-right: 15px;\r\n}\r\n.latest-news .info {\r\n flex-grow: 1;\r\n}\r\n.latest-news .info h3 {\r\n margin: 0 0 6px;\r\n font-size: 16px;\r\n}\r\n@media (max-width: 767px) {\r\n .latest-news .news-row {\r\n display: block;\r\n }\r\n .latest-news .news-row .label {\r\n margin: 10px auto;\r\n width: fit-content;\r\n }\r\n}\r\n/* End Latest News */\r\n/* Start Tasks */\r\n.tasks .task-row:not(:last-of-type) {\r\n margin-bottom: 15px;\r\n padding-bottom: 15px;\r\n border-bottom: 1px solid #eee;\r\n}\r\n.tasks .info {\r\n flex-grow: 1;\r\n}\r\n.tasks .done {\r\n opacity: 0.3;\r\n}\r\n.tasks .done h3,\r\n.tasks .done p {\r\n text-decoration: line-through;\r\n}\r\n.tasks .delete {\r\n cursor: pointer;\r\n transition: 0.3s;\r\n}\r\n.tasks .delete:hover {\r\n color: var(--red-color);\r\n}\r\n/* End Tasks */\r\n/* Start Latest Uploads */\r\n.latest-uploads ul li:not(:last-child) {\r\n border-bottom: 1px solid #eee;\r\n}\r\n.latest-uploads ul li img {\r\n width: 40px;\r\n height: 40px;\r\n}\r\n/* End Latest Uploads */\r\n/* Start Last Project */\r\n.last-project ul::before {\r\n content: \"\";\r\n position: absolute;\r\n left: 11px;\r\n width: 2px;\r\n height: 100%;\r\n background-color: var(--blue-color);\r\n}\r\n.last-project ul li::before {\r\n content: \"\";\r\n width: 20px;\r\n height: 20px;\r\n display: block;\r\n border-radius: 50%;\r\n background-color: white;\r\n border: 2px solid white;\r\n outline: 2px solid var(--blue-color);\r\n margin-right: 15px;\r\n z-index: 1;\r\n}\r\n.last-project ul li.done::before {\r\n background-color: var(--blue-color);\r\n}\r\n.last-project ul li.current::before {\r\n animation: change-color 0.8s infinite alternate;\r\n}\r\n.last-project .launch-icon {\r\n position: absolute;\r\n width: 160px;\r\n right: 0;\r\n bottom: 0;\r\n opacity: 0.1;\r\n}\r\n/* End Last Project */\r\n/* Start Reminders */\r\n.reminders ul li .key {\r\n width: 15px;\r\n height: 15px;\r\n}\r\n.reminders ul li > .blue {\r\n border-left: 2px solid var(--blue-color);\r\n}\r\n.reminders ul li > .green {\r\n border-left: 2px solid var(--green-color);\r\n}\r\n.reminders ul li > .orange {\r\n border-left: 2px solid var(--orange-color);\r\n}\r\n.reminders ul li > .red {\r\n border-left: 2px solid var(--red-color);\r\n}\r\n/* End Reminders */\r\n/* Start Latest Post */\r\n.latest-post .avatar {\r\n width: 48px;\r\n height: 48px;\r\n}\r\n.latest-post .post-content {\r\n text-transform: capitalize;\r\n line-height: 1.8;\r\n border-top: 1px solid #eee;\r\n border-bottom: 1px solid #eee;\r\n min-height: 140px;\r\n}\r\n/* End Latest Post */\r\n/* Start Social Media */\r\n.social-media .box {\r\n padding-left: 70px;\r\n}\r\n.social-media .box i {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 52px;\r\n transition: 0.3s;\r\n}\r\n.social-media .box i:hover {\r\n transform: rotate(5deg);\r\n}\r\n.social-media .twitter {\r\n background-color: rgb(29 161 242 / 20%);\r\n color: #1da1f2;\r\n}\r\n.social-media .twitter i,\r\n.social-media .twitter a {\r\n background-color: #1da1f2;\r\n}\r\n.social-media .facebook {\r\n background-color: rgb(24 119 242 / 20%);\r\n color: #1da1f2;\r\n}\r\n.social-media .facebook i,\r\n.social-media .facebook a {\r\n background-color: #1877f2;\r\n}\r\n.social-media .youtube {\r\n background-color: rgb(255 0 0 / 20%);\r\n color: #ff0000;\r\n}\r\n.social-media .youtube i,\r\n.social-media .youtube a {\r\n background-color: #ff0000;\r\n}\r\n.social-media .linkedin {\r\n background-color: rgb(0 119 181 / 20%);\r\n color: #0077b5;\r\n}\r\n.social-media .linkedin i,\r\n.social-media .linkedin a {\r\n background-color: #0077b5;\r\n}\r\n/* End Social Media */\r\n/* Start Projects Table */\r\n.projects .responsive-table {\r\n overflow-x: auto;\r\n}\r\n.projects table {\r\n min-width: 1000px;\r\n border-spacing: 0;\r\n}\r\n.projects thead td {\r\n background-color: #eee;\r\n font-weight: bold;\r\n}\r\n.projects table td {\r\n padding: 15px;\r\n}\r\n.projects tbody td {\r\n border-bottom: 1px solid #eee;\r\n border-left: 1px solid #eee;\r\n transition: 0.3s;\r\n}\r\n.projects table tbody tr td:last-child {\r\n border-right: 1px solid #eee;\r\n}\r\n.projects tbody tr:hover td {\r\n background-color: #faf7f7;\r\n}\r\n.projects table img {\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 50%;\r\n padding: 2px;\r\n background-color: white;\r\n}\r\n.projects table img:not(:first-child) {\r\n margin-left: -20px;\r\n}\r\n.projects table .label {\r\n font-size: 13px;\r\n}\r\n/* End Projects Table */\r\n/* Start Settings */\r\n.settings-page {\r\n grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));\r\n}\r\n@media (max-width: 767px) {\r\n .settings-page {\r\n grid-template-columns: minmax(100px, 1fr);\r\n margin-left: 10px;\r\n margin-right: 10px;\r\n gap: 10px;\r\n }\r\n}\r\n.settings-page .close-message {\r\n border: 1px solid #ccc;\r\n resize: none;\r\n min-height: 150px;\r\n}\r\n.settings-page .email {\r\n display: inline-flex;\r\n width: calc(100% - 80px);\r\n}\r\n.settings-page .sec-box {\r\n padding-bottom: 15px;\r\n}\r\n.settings-page .sec-box:not(:last-of-type) {\r\n border-bottom: 1px solid #eee;\r\n}\r\n.settings-page .sec-box .button {\r\n transition: 0.3s;\r\n}\r\n.settings-page .sec-box .button:hover {\r\n background-color: var(--blue-alt-color);\r\n}\r\n.settings-page .social-boxes i {\r\n width: 40px;\r\n height: 40px;\r\n background-color: #f6f6f6;\r\n border: 1px solid #ddd;\r\n border-right: none;\r\n border-radius: 6px 0 0 6px;\r\n transition: 0.3s;\r\n}\r\n.settings-page .social-boxes input {\r\n height: 40px;\r\n background-color: #f6f6f6;\r\n border: 1px solid #ddd;\r\n padding-left: 10px;\r\n border-radius: 0 6px 6px 0;\r\n}\r\n.settings-page .social-boxes > div:focus-within i {\r\n color: black;\r\n}\r\n.widgets-control .control input[type=\"checkbox\"] {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n}\r\n.widgets-control .control label {\r\n padding-left: 30px;\r\n cursor: pointer;\r\n position: relative;\r\n}\r\n.widgets-control .control label::before,\r\n.widgets-control .control label::after {\r\n position: absolute;\r\n left: 0;\r\n top: 50%;\r\n margin-top: -9px;\r\n border-radius: 4px;\r\n}\r\n.widgets-control .control label::before {\r\n content: \"\";\r\n width: 14px;\r\n height: 14px;\r\n border: 2px solid var(--grey-color);\r\n}\r\n.widgets-control .control label:hover::before {\r\n border-color: var(--blue-alt-color);\r\n}\r\n.widgets-control .control label::after {\r\n font-family: var(--fa-style-family-classic);\r\n content: \"\\f00c\";\r\n font-weight: 900;\r\n background-color: var(--blue-color);\r\n color: white;\r\n font-size: 12px;\r\n width: 18px;\r\n height: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n transform: scale(0) rotate(360deg);\r\n transition: 0.3s;\r\n}\r\n.widgets-control .control input[type=\"checkbox\"]:checked + label::after {\r\n transform: scale(1);\r\n}\r\n.backup-control input[type=\"radio\"] {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n}\r\n.backup-control .date label {\r\n padding-left: 30px;\r\n cursor: pointer;\r\n position: relative;\r\n}\r\n.backup-control .date label::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 0;\r\n margin-top: -11px;\r\n width: 18px;\r\n height: 18px;\r\n border: 2px solid var(--grey-color);\r\n border-radius: 50%;\r\n}\r\n.backup-control .date label::after {\r\n content: \"\";\r\n position: absolute;\r\n left: 5px;\r\n top: 5px;\r\n width: 12px;\r\n height: 12px;\r\n background: var(--blue-color);\r\n border-radius: 50%;\r\n transition: 0.3s;\r\n transform: scale(0);\r\n}\r\n.backup-control .date input[type=\"radio\"]:checked + label::before {\r\n border-color: var(--blue-color);\r\n}\r\n.backup-control .date input[type=\"radio\"]:checked + label::after {\r\n transform: scale(1);\r\n}\r\n.backup-control .servers {\r\n border-top: 1px solid #eee;\r\n padding-top: 20px;\r\n}\r\n@media (max-width: 767px) {\r\n .backup-control .servers {\r\n flex-wrap: wrap;\r\n }\r\n}\r\n.backup-control .servers .server {\r\n border: 2px solid #eee;\r\n position: relative;\r\n}\r\n.backup-control .servers .server label {\r\n cursor: pointer;\r\n}\r\n.backup-control .servers input[type=\"radio\"]:checked + .server {\r\n border-color: var(--blue-color);\r\n color: var(--blue-color);\r\n}\r\n.toggle-checkbox {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n display: none;\r\n}\r\n.toggle-switch {\r\n background-color: #ccc;\r\n width: 78px;\r\n height: 32px;\r\n border-radius: 16px;\r\n position: relative;\r\n transition: 0.3s;\r\n cursor: pointer;\r\n}\r\n.toggle-switch::before {\r\n font-family: var(--fa-style-family-classic);\r\n content: \"\\f00d\";\r\n font-weight: 900;\r\n background-color: white;\r\n width: 24px;\r\n height: 24px;\r\n position: absolute;\r\n border-radius: 50%;\r\n top: 4px;\r\n left: 4px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n color: #aaa;\r\n transition: 0.3s;\r\n}\r\n.toggle-checkbox:checked + .toggle-switch {\r\n background-color: var(--blue-color);\r\n}\r\n.toggle-checkbox:checked + .toggle-switch::before {\r\n content: \"\\f00c\";\r\n left: 50px;\r\n color: var(--blue-color);\r\n}\r\n.settings-page :disabled {\r\n cursor: no-drop;\r\n background-color: #f0f4f8;\r\n color: #bbb;\r\n}\r\n/* End Settings */\r\n/* Start Profile Page */\r\n@media (max-width: 767px) {\r\n .profile-page .overview {\r\n flex-direction: column;\r\n }\r\n}\r\n.profile-page .avatar-box {\r\n width: 300px;\r\n}\r\n@media (min-width: 768px) {\r\n .profile-page .avatar-box {\r\n border-right: 1px solid #eee;\r\n }\r\n}\r\n.profile-page .avatar-box > img {\r\n width: 120px;\r\n height: 120px;\r\n}\r\n.profile-page .avatar-box .level {\r\n height: 6px;\r\n overflow: hidden;\r\n margin: auto;\r\n width: 70%;\r\n}\r\n.profile-page .avatar-box .level span {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n height: 100%;\r\n background-color: var(--blue-color);\r\n border-radius: 6px;\r\n}\r\n.profile-page .info-box .box {\r\n flex-wrap: wrap;\r\n border-bottom: 1px solid #eee;\r\n transition: 0.3s;\r\n}\r\n.profile-page .info-box .box:hover {\r\n background-color: #f9f9f9;\r\n}\r\n.profile-page .info-box .box > div {\r\n min-width: 250px;\r\n padding: 10px 0 0;\r\n}\r\n.profile-page .info-box h4 {\r\n font-weight: normal;\r\n}\r\n/* Start Training Code */\r\n.profile-page .info-box .toggle-switch {\r\n height: 20px;\r\n}\r\n@media (max-width: 767px) {\r\n .profile-page .info-box .toggle-switch {\r\n margin: auto;\r\n }\r\n}\r\n.profile-page .info-box .toggle-switch::before {\r\n width: 12px;\r\n height: 12px;\r\n font-size: 8px;\r\n}\r\n.profile-page .info-box .toggle-checkbox:checked + .toggle-switch::before {\r\n left: 62px;\r\n}\r\n/* End Training Code */\r\n@media (max-width: 767px) {\r\n .profile-page .other-data {\r\n flex-direction: column;\r\n }\r\n}\r\n.profile-page .skills-card {\r\n flex-grow: 1;\r\n}\r\n.profile-page .skills-card ul li {\r\n padding: 15px 0;\r\n}\r\n.profile-page .skills-card ul li:not(:last-child) {\r\n border-bottom: 1px solid #eee;\r\n}\r\n.profile-page .skills-card ul li span {\r\n display: inline-flex;\r\n padding: 4px 10px;\r\n background-color: #eee;\r\n border-radius: 6px;\r\n font-size: 14px;\r\n}\r\n.profile-page .skills-card ul li span:not(:last-child) {\r\n margin-right: 5px;\r\n}\r\n.profile-page .activities {\r\n flex-grow: 2;\r\n}\r\n.profile-page .activity:not(:last-of-type) {\r\n border-bottom: 1px solid #eee;\r\n padding-bottom: 20px;\r\n margin-bottom: 20px;\r\n}\r\n.profile-page .activity img {\r\n width: 64px;\r\n height: 64px;\r\n margin-right: 10px;\r\n}\r\n@media (min-width: 768px) {\r\n .profile-page .activity .date {\r\n margin-left: auto;\r\n text-align: right;\r\n }\r\n}\r\n@media (max-width: 767px) {\r\n .profile-page .activity {\r\n flex-direction: column;\r\n }\r\n .profile-page .activity img {\r\n margin-right: 0;\r\n margin-bottom: 15px;\r\n }\r\n .profile-page .activity .date {\r\n margin-top: 15px;\r\n }\r\n}\r\n/* End Profile Page */\r\n/* Start Projects Page */\r\n.projects-page {\r\n grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));\r\n}\r\n@media (max-width: 767px) {\r\n .projects-page {\r\n grid-template-columns: minmax(200px, 1fr);\r\n margin-left: 10px;\r\n margin-right: 10px;\r\n gap: 10px;\r\n }\r\n}\r\n.projects-page .project .date {\r\n position: absolute;\r\n right: 10px;\r\n top: 10px;\r\n}\r\n.projects-page .project h4 {\r\n font-weight: normal;\r\n}\r\n.projects-page .project .team {\r\n position: relative;\r\n min-height: 80px;\r\n}\r\n.projects-page .project .team a {\r\n position: absolute;\r\n left: 0;\r\n bottom: 0;\r\n}\r\n.projects-page .project .team a:nth-child(2) {\r\n left: 25px;\r\n}\r\n.projects-page .project .team a:nth-child(3) {\r\n left: 50px;\r\n}\r\n.projects-page .project .team a:nth-child(4) {\r\n left: 75px;\r\n}\r\n.projects-page .project .team a:nth-child(5) {\r\n left: 100px;\r\n}\r\n.projects-page .project .team a:hover {\r\n z-index: 1000;\r\n}\r\n.projects-page .project .team img {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n border: 2px solid white;\r\n}\r\n.projects-page .project .do {\r\n justify-content: flex-end;\r\n border-top: 1px solid #eee;\r\n padding-top: 15px;\r\n margin-top: 15px;\r\n}\r\n@media (max-width: 767px) {\r\n .projects-page .project .do {\r\n flex-direction: column;\r\n }\r\n}\r\n.projects-page .project .do span {\r\n padding: 3px 8px;\r\n margin-left: 5px;\r\n width: fit-content;\r\n}\r\n@media (max-width: 767px) {\r\n .projects-page .project .do span:not(:last-child) {\r\n margin-bottom: 15px;\r\n }\r\n}\r\n.projects-page .project .info {\r\n border-top: 1px solid #eee;\r\n margin-top: 15px;\r\n padding-top: 15px;\r\n}\r\n@media (max-width: 767px) {\r\n .projects-page .project .info {\r\n flex-direction: column;\r\n }\r\n}\r\n.projects-page .project .prog {\r\n height: 8px;\r\n width: 260px;\r\n position: relative;\r\n border-radius: 6px;\r\n}\r\n@media (max-width: 767px) {\r\n .projects-page .project .prog {\r\n margin-bottom: 15px;\r\n }\r\n}\r\n.projects-page .project .prog span {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n height: 100%;\r\n border-radius: 6px;\r\n}\r\n/* End Projects Page */\r\n/* Start Courses Page */\r\n.courses-page {\r\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n}\r\n@media (max-width: 767px) {\r\n .courses-page {\r\n grid-template-columns: minmax(200px, 1fr);\r\n margin-left: 10px;\r\n margin-right: 10px;\r\n gap: 10px;\r\n }\r\n}\r\n.courses-page .course {\r\n overflow: hidden;\r\n}\r\n.courses-page .course .cover {\r\n max-width: 100%;\r\n}\r\n.courses-page .course .instructor {\r\n position: absolute;\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 50%;\r\n top: 20px;\r\n left: 20px;\r\n border: 2px solid white;\r\n}\r\n.courses-page .course .description {\r\n line-height: 1.6;\r\n}\r\n.courses-page .course .info {\r\n border-top: 1px solid #eee;\r\n font-size: 13px;\r\n}\r\n.courses-page .course .info .title {\r\n position: absolute;\r\n top: -13px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n font-size: 13px;\r\n}\r\n/* End Courses Page */\r\n/* Start Friends Page */\r\n.friends-page {\r\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n}\r\n@media (max-width: 767px) {\r\n .friends-page {\r\n grid-template-columns: minmax(200px, 1fr);\r\n margin-left: 10px;\r\n margin-right: 10px;\r\n gap: 10px;\r\n }\r\n}\r\n.friends-page .contact {\r\n position: absolute;\r\n left: 10px;\r\n top: 10px;\r\n}\r\n.friends-page .contact i {\r\n background-color: #eee;\r\n padding: 10px;\r\n border-radius: 50%;\r\n color: #666;\r\n font-size: 13px;\r\n cursor: pointer;\r\n transition: 0.3s;\r\n}\r\n.friends-page .contact i:hover {\r\n background-color: var(--blue-color);\r\n color: white;\r\n}\r\n.friends-page .friend .icons {\r\n border-top: 1px solid #eee;\r\n border-bottom: 1px solid #eee;\r\n margin-top: 15px;\r\n margin-bottom: 15px;\r\n padding-top: 15px;\r\n padding-bottom: 15px;\r\n}\r\n.friends-page .friend .icons i {\r\n margin-right: 5px;\r\n}\r\n.friends-page .friend .icons .vip {\r\n position: absolute;\r\n right: 0;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n font-size: 40px;\r\n opacity: 0.2;\r\n}\r\n/* End Friends Page */\r\n/* Start Files Page */\r\n.files-page {\r\n flex-direction: row-reverse;\r\n align-items: flex-start;\r\n}\r\n@media (max-width: 767px) {\r\n .files-page {\r\n flex-direction: column;\r\n align-items: normal;\r\n }\r\n}\r\n.files-page .files-stats {\r\n min-width: 260px;\r\n}\r\n.files-page .files-stats .icon {\r\n width: 40px;\r\n height: 40px;\r\n margin-right: 10px;\r\n}\r\n.files-page .files-stats .size {\r\n margin-left: auto;\r\n}\r\n.files-page .files-stats .blue {\r\n background-color: rgb(0 117 255 / 20%);\r\n}\r\n.files-page .files-stats .green {\r\n background-color: rgb(34 197 94 / 20%);\r\n}\r\n.files-page .files-stats .red {\r\n background-color: rgb(244 67 54 / 20%);\r\n}\r\n.files-page .files-stats .orange {\r\n background-color: rgb(245 158 11 / 20%);\r\n}\r\n.files-page .files-stats .upload {\r\n margin: 15px auto 0;\r\n padding: 10px 15px;\r\n transition: 0.3s;\r\n}\r\n.files-page .files-stats .upload:hover {\r\n background-color: var(--blue-alt-color);\r\n}\r\n.files-page .files-stats .upload:hover i {\r\n animation: go-up 0.8s infinite;\r\n}\r\n.files-page .files-content {\r\n flex: 1;\r\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n}\r\n.files-page .files-content img {\r\n width: 64px;\r\n height: 64px;\r\n transition: 0.3s;\r\n}\r\n.files-page .files-content .file:hover img {\r\n transform: rotate(5deg);\r\n}\r\n.files-page .files-content .info {\r\n border-top: 1px solid #eee;\r\n}\r\n/* End Files Page */\r\n/* Start Plans Page */\r\n.plans-page {\r\n grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));\r\n}\r\n@media (max-width: 767px) {\r\n .plans-page {\r\n grid-template-columns: minmax(250px, 1fr);\r\n margin-left: 10px;\r\n margin-right: 10px;\r\n gap: 10px;\r\n }\r\n}\r\n.plans-page .plan .top {\r\n border: 3px solid white;\r\n outline: 3px solid transparent;\r\n}\r\n.plans-page .plan.green .top {\r\n outline-color: var(--green-color);\r\n}\r\n.plans-page .plan.blue .top {\r\n outline-color: var(--blue-color);\r\n}\r\n.plans-page .plan.orange .top {\r\n outline-color: var(--orange-color);\r\n}\r\n.plans-page .plan .price {\r\n position: relative;\r\n font-size: 40px;\r\n width: fit-content;\r\n margin: auto;\r\n}\r\n.plans-page .plan .price span {\r\n position: absolute;\r\n left: -20px;\r\n top: 0;\r\n font-size: 25px;\r\n}\r\n.plans-page .plan ul li {\r\n padding: 15px 0;\r\n display: flex;\r\n align-items: center;\r\n font-size: 15px;\r\n border-bottom: 1px solid #eee;\r\n}\r\n.plans-page .plan ul li .yes {\r\n color: var(--green-color);\r\n}\r\n.plans-page .plan ul li i:not(.yes, .help) {\r\n color: var(--red-color);\r\n}\r\n.plans-page .plan ul li i:first-child {\r\n font-size: 18px;\r\n margin-right: 5px;\r\n}\r\n.plans-page .plan ul li .help {\r\n color: var(--grey-color);\r\n margin-left: auto;\r\n cursor: pointer;\r\n}\r\n/* End Plans Page */\r\n/* Start Animation */\r\n@keyframes change-color {\r\n from {\r\n background-color: var(--blue-color);\r\n }\r\n to {\r\n background-color: white;\r\n }\r\n}\r\n@keyframes go-up {\r\n 0%,\r\n 100% {\r\n transform: translateY(0);\r\n }\r\n 50% {\r\n transform: translateY(-5px);\r\n }\r\n}\r\n/* End Animation */\r\n" }, { "path": "files.html", "content": "\r\n\r\n \r\n \r\n \r\n \r\n Files\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n

Elzero

\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \"\"\r\n
\r\n
\r\n \r\n

Files

\r\n
\r\n
\r\n

Files Statistics

\r\n
\r\n \r\n
\r\n PDF Files\r\n 130\r\n
\r\n
6.5GB
\r\n
\r\n
\r\n \r\n
\r\n Images\r\n 115 Files\r\n
\r\n
3.5GB
\r\n
\r\n
\r\n \r\n
\r\n Word Files\r\n 110 Files\r\n
\r\n
3.2GB
\r\n
\r\n
\r\n \r\n
\r\n CSV Files\r\n 99 Files\r\n
\r\n
2.9GB
\r\n
\r\n \r\n \r\n Upload\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n \"\"\r\n
\r\n
my-file.pdf
\r\n

Elzero

\r\n
\r\n 20/06/2020\r\n 5.5MB\r\n
\r\n
\r\n
\r\n \r\n
\r\n \"\"\r\n
\r\n
my-file.avi
\r\n

Admin

\r\n
\r\n 16/5/2021\r\n 12.5MB\r\n
\r\n
\r\n
\r\n \r\n
\r\n \"\"\r\n
\r\n
my-file.eps
\r\n

Uploader

\r\n
\r\n 16/5/2021\r\n 2.7MB\r\n
\r\n
\r\n
\r\n \r\n
\r\n \"\"\r\n
\r\n
my-file.psd
\r\n

Osama

\r\n
\r\n 16/5/2021\r\n 15.1MB\r\n
\r\n
\r\n
\r\n \r\n
\r\n \"\"\r\n
\r\n
my-file.dll
\r\n

Coder

\r\n
\r\n 16/5/2021\r\n 2.2MB\r\n
\r\n
\r\n
\r\n \r\n
\r\n \"\"\r\n
\r\n
my-file.png
\r\n

Designer

\r\n
\r\n 16/5/2021\r\n 1.1MB\r\n
\r\n
\r\n
\r\n \r\n
\r\n \"\"\r\n
\r\n
my-file.dll
\r\n

Coder

\r\n
\r\n 16/5/2021\r\n 2.2MB\r\n
\r\n
\r\n
\r\n \r\n
\r\n \"\"\r\n
\r\n
my-file.png
\r\n

Designer

\r\n
\r\n 16/5/2021\r\n 1.1MB\r\n
\r\n
\r\n
\r\n \r\n
\r\n \"\"\r\n
\r\n
my-file.psd
\r\n

Osama

\r\n
\r\n 16/5/2021\r\n 15.1MB\r\n
\r\n
\r\n
\r\n \r\n
\r\n \"\"\r\n
\r\n
my-file.pdf
\r\n

Elzero

\r\n
\r\n 16/5/2021\r\n 5.5MB\r\n
\r\n
\r\n
\r\n \r\n
\r\n \"\"\r\n
\r\n
my-file.avi
\r\n

Admin

\r\n
\r\n 16/5/2021\r\n 12.5MB\r\n
\r\n
\r\n
\r\n \r\n
\r\n \"\"\r\n
\r\n
my-file.eps
\r\n

Uploader

\r\n
\r\n 16/5/2021\r\n 2.7MB\r\n
\r\n
\r\n
\r\n \r\n
\r\n \"\"\r\n
\r\n
my-file.pdf
\r\n

Elzero

\r\n
\r\n 16/5/2021\r\n 5.5MB\r\n
\r\n
\r\n
\r\n \r\n
\r\n \"\"\r\n
\r\n
my-file.avi
\r\n

Admin

\r\n
\r\n 16/5/2021\r\n 12.5MB\r\n
\r\n
\r\n
\r\n \r\n
\r\n \"\"\r\n
\r\n
my-file.eps
\r\n

Uploader

\r\n
\r\n 16/5/2021\r\n 2.7MB\r\n
\r\n
\r\n
\r\n \r\n
\r\n \"\"\r\n
\r\n
my-file.psd
\r\n

Osama

\r\n
\r\n 16/5/2021\r\n 15.1MB\r\n
\r\n
\r\n
\r\n \r\n
\r\n \"\"\r\n
\r\n
my-file.dll
\r\n

Coder

\r\n
\r\n 16/5/2021\r\n 2.2MB\r\n
\r\n
\r\n
\r\n \r\n
\r\n \"\"\r\n
\r\n
my-file.png
\r\n

Designer

\r\n
\r\n 16/5/2021\r\n 1.1MB\r\n
\r\n
\r\n
\r\n \r\n
\r\n \"\"\r\n
\r\n
my-file.dll
\r\n

Coder

\r\n
\r\n 16/5/2021\r\n 2.2MB\r\n
\r\n
\r\n
\r\n \r\n
\r\n \"\"\r\n
\r\n
my-file.png
\r\n

Designer

\r\n
\r\n 16/5/2021\r\n 1.1MB\r\n
\r\n
\r\n
\r\n \r\n
\r\n \"\"\r\n
\r\n
my-file.psd
\r\n

Osama

\r\n
\r\n 16/5/2021\r\n 15.1MB\r\n
\r\n
\r\n
\r\n \r\n
\r\n \"\"\r\n
\r\n
my-file.pdf
\r\n

Elzero

\r\n
\r\n 16/5/2021\r\n 5.5MB\r\n
\r\n
\r\n
\r\n \r\n
\r\n \"\"\r\n
\r\n
my-file.avi
\r\n

Admin

\r\n
\r\n 16/5/2021\r\n 12.5MB\r\n
\r\n
\r\n
\r\n \r\n
\r\n \"\"\r\n
\r\n
my-file.eps
\r\n

Uploader

\r\n
\r\n 16/5/2021\r\n 2.7MB\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n\r\n" }, { "path": "friends.html", "content": "\r\n\r\n \r\n \r\n \r\n \r\n Friends\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n

Elzero

\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \"\"\r\n
\r\n
\r\n \r\n

Friends

\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \"\"\r\n

Ahmed Nasser

\r\n

JavaScript Developer

\r\n
\r\n
\r\n
\r\n \r\n 99 Friend\r\n
\r\n
\r\n \r\n 15 Projects\r\n
\r\n
\r\n \r\n 25 Articles\r\n
\r\n VIP\r\n
\r\n
\r\n Joined 02/10/2021\r\n
\r\n Profile\r\n Remove\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \"\"\r\n

Omar Fathy

\r\n

Cloud Developer

\r\n
\r\n
\r\n
\r\n \r\n 30 Friends\r\n
\r\n
\r\n \r\n 11 Projects\r\n
\r\n
\r\n \r\n 12 Articles\r\n
\r\n
\r\n
\r\n Joined 02/08/2020\r\n
\r\n Profile\r\n Remove\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \"\"\r\n

Omar Ahmed

\r\n

Mobile Developer

\r\n
\r\n
\r\n
\r\n \r\n 80 Friends\r\n
\r\n
\r\n \r\n 20 Projects\r\n
\r\n
\r\n \r\n 18 Articles\r\n
\r\n
\r\n
\r\n Joined 02/06/2020\r\n
\r\n Profile\r\n Remove\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \"\"\r\n

Shady Nabil

\r\n

Back-End Developer

\r\n
\r\n
\r\n
\r\n \r\n 70 Friends\r\n
\r\n
\r\n \r\n 30 Projects\r\n
\r\n
\r\n \r\n 18 Articles\r\n
\r\n
\r\n
\r\n Joined 28/06/2020\r\n
\r\n Profile\r\n Remove\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \"\"\r\n

Mohamed Ibrahim

\r\n

Algorithm Developer

\r\n
\r\n
\r\n
\r\n \r\n 80 Friends\r\n
\r\n
\r\n \r\n 30 Projects\r\n
\r\n
\r\n \r\n 18 Articles\r\n
\r\n
\r\n
\r\n Joined 28/08/2020\r\n
\r\n Profile\r\n Remove\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \"\"\r\n

Amr Hendawy

\r\n

Back-End Developer

\r\n
\r\n
\r\n
\r\n \r\n 70 Friends\r\n
\r\n
\r\n \r\n 30 Projects\r\n
\r\n
\r\n \r\n 18 Articles\r\n
\r\n
\r\n
\r\n Joined 28/06/2020\r\n
\r\n Profile\r\n Remove\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \"\"\r\n

Mahmoud Adel

\r\n

Cloud Developer

\r\n
\r\n
\r\n
\r\n \r\n 30 Friends\r\n
\r\n
\r\n \r\n 11 Projects\r\n
\r\n
\r\n \r\n 12 Articles\r\n
\r\n
\r\n
\r\n Joined 02/08/2020\r\n
\r\n Profile\r\n Remove\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \"\"\r\n

Ahmed Abuzaid

\r\n

Content Creator

\r\n
\r\n
\r\n
\r\n \r\n 80 Friends\r\n
\r\n
\r\n \r\n 30 Projects\r\n
\r\n
\r\n \r\n 18 Articles\r\n
\r\n Vip\r\n
\r\n
\r\n Joined 28/08/2020\r\n
\r\n Profile\r\n Remove\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \"\"\r\n

Gareeb Elshiekh

\r\n

JavaScript Developer

\r\n
\r\n
\r\n
\r\n \r\n 90 Friends\r\n
\r\n
\r\n \r\n 15 Projects\r\n
\r\n
\r\n \r\n 25 Articles\r\n
\r\n Vip\r\n
\r\n
\r\n Joined 02/10/2020\r\n
\r\n Profile\r\n Remove\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \"\"\r\n

Hamza

\r\n

Front-End Developer

\r\n
\r\n
\r\n
\r\n \r\n 80 Friends\r\n
\r\n
\r\n \r\n 20 Projects\r\n
\r\n
\r\n \r\n 18 Articles\r\n
\r\n
\r\n
\r\n Joined 02/06/2020\r\n
\r\n Profile\r\n Remove\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n\r\n" }, { "path": "index.html", "content": "\r\n\r\n \r\n \r\n \r\n \r\n Dashboard\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n

Elzero

\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \"\"\r\n
\r\n
\r\n \r\n

Dashboard

\r\n
\r\n \r\n
\r\n
\r\n
\r\n

Welcome

\r\n

Elzero

\r\n
\r\n \"\"\r\n
\r\n \"\"\r\n
\r\n
Osama Elzero Developer
\r\n
80 Projects
\r\n
$8500 Earned
\r\n
\r\n Profile\r\n
\r\n \r\n \r\n
\r\n

Quick Draft

\r\n

Write A Draft For Your Ideas

\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n

Yearly Targets

\r\n

Targets Of The Year

\r\n
\r\n
\r\n \r\n
\r\n
\r\n Money\r\n $20.000\r\n
\r\n \r\n 80%\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n Projects\r\n 24\r\n
\r\n \r\n 55%\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n Team\r\n 12\r\n
\r\n \r\n 75%\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n

Tickets Statistics

\r\n

Everything About Support Tickets

\r\n
\r\n
\r\n \r\n 2500\r\n Total\r\n
\r\n
\r\n \r\n 500\r\n Pending\r\n
\r\n
\r\n \r\n 1900\r\n Closed\r\n
\r\n
\r\n \r\n 100\r\n Deleted\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n

Latest News

\r\n
\r\n \"\"\r\n
\r\n

Created SASS Section

\r\n

New SASS Examples & Tutorials

\r\n
\r\n
3 Days Ago
\r\n
\r\n
\r\n \"\"\r\n
\r\n

Changed The Design

\r\n

A Brand New Website Design

\r\n
\r\n
5 Days Ago
\r\n
\r\n
\r\n \"\"\r\n
\r\n

Team Increased

\r\n

3 Developers Joined The Team

\r\n
\r\n
7 Days Ago
\r\n
\r\n
\r\n \"\"\r\n
\r\n

Added Payment Gateway

\r\n

Many New Payment Gateways Added

\r\n
\r\n
9 Days Ago
\r\n
\r\n
\r\n \r\n \r\n
\r\n

Latest Tasks

\r\n
\r\n
\r\n

Record One New Video

\r\n

Record Python Create Exe Project

\r\n
\r\n \r\n
\r\n
\r\n
\r\n

Write Article

\r\n

Write Low Level vs High Level Languages

\r\n
\r\n \r\n
\r\n
\r\n
\r\n

Finish Project

\r\n

Publish Academy Programming Project

\r\n
\r\n \r\n
\r\n
\r\n
\r\n

Attend The Meeting

\r\n

Attend The Project Business Analysis Meeting

\r\n
\r\n \r\n
\r\n
\r\n
\r\n

Finish Lesson

\r\n

Finish Teaching Flex Box

\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n

Top Search Items

\r\n
\r\n
Keyword
\r\n
Search Count
\r\n
\r\n
\r\n Programming\r\n 220\r\n
\r\n
\r\n JavaScript\r\n 180\r\n
\r\n
\r\n PHP\r\n 160\r\n
\r\n
\r\n Code\r\n 145\r\n
\r\n
\r\n Design\r\n 110\r\n
\r\n
\r\n Logic\r\n 95\r\n
\r\n
\r\n \r\n \r\n
\r\n

Latest Uploads

\r\n
    \r\n
  • \r\n
    \r\n \"\"\r\n
    \r\n my-file.pdf\r\n Elzero\r\n
    \r\n
    \r\n
    2.9mb
    \r\n
    • \r\n
  • \r\n
    \r\n \"\"\r\n
    \r\n My-Video-File.avi\r\n Admin\r\n
    \r\n
    \r\n
    4.9mb
    \r\n
    • \r\n
  • \r\n
    \r\n \"\"\r\n
    \r\n My-Psd-File.pdf\r\n Osama\r\n
    \r\n
    \r\n
    4.5mb
    \r\n
    • \r\n
  • \r\n
    \r\n \"\"\r\n
    \r\n My-Zip-File.pdf\r\n User\r\n
    \r\n
    \r\n
    8.9mb
    \r\n
    • \r\n
  • \r\n
    \r\n \"\"\r\n
    \r\n My-DLL-File.pdf\r\n Admin\r\n
    \r\n
    \r\n
    4.9mb
    \r\n
    • \r\n
  • \r\n
    \r\n \"\"\r\n
    \r\n My-Eps-File.pdf\r\n Designer\r\n
    \r\n
    \r\n
    8.9mb
    \r\n
    • \r\n
\r\n
\r\n \r\n \r\n
\r\n

Last Project Progress

\r\n
    \r\n
  • Got The Project
    • \r\n
  • Started The Project
    • \r\n
  • The Project About To Finish
    • \r\n
  • Test The Project
    • \r\n
  • Finish The Project & Get Money
    • \r\n
\r\n \"\"\r\n
\r\n \r\n \r\n
\r\n

Reminders

\r\n
    \r\n
  • \r\n \r\n
    \r\n

    Check My Tasks List

    \r\n 28/09/2022 - 12:00am\r\n
    \r\n
    • \r\n
  • \r\n \r\n
    \r\n

    Check My Projects

    \r\n 26/10/2022 - 12:00am\r\n
    \r\n
    • \r\n
  • \r\n \r\n
    \r\n

    Call All My Clients

    \r\n 05/11/2022 - 12:00am\r\n
    \r\n
    • \r\n
  • \r\n \r\n
    \r\n

    Finish The Development Workshop

    \r\n 20/12/2022 - 12:00am\r\n
    \r\n
    • \r\n
\r\n
\r\n \r\n \r\n
\r\n

Latest Post

\r\n
\r\n \"\"\r\n
\r\n Osama Elzero\r\n About 3 Hours Ago\r\n
\r\n
\r\n
\r\n You can fool all of the people some of the time, and some of the people all of the time, but you can't\r\n fool all of the people all of the time.\r\n
\r\n
\r\n
\r\n \r\n 1.8K\r\n
\r\n
\r\n \r\n 500\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n

Social Media Stats

\r\n
\r\n \r\n 90K Followers\r\n Follow\r\n
\r\n
\r\n \r\n 2M Like\r\n Like\r\n
\r\n
\r\n \r\n 1M Subs\r\n Subscribe\r\n
\r\n
\r\n \r\n 70K Followers\r\n Follow\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n

Projects

\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
NameFinish DateClientPriceTeamStatus
Ministry Wikipedia10 May 2022Ministry$5300\r\n \"\"\r\n \"\"\r\n \"\"\r\n \"\"\r\n \r\n Pending\r\n
Elzero Shop12 Oct 2021Elzero Company$1500\r\n \"\"\r\n \"\"\r\n \"\"\r\n In Progress
Bouba App05 Sep 2021Bouba$800\r\n \"\"\r\n \"\"\r\n Completed
Mahmoud Website22 May 2021Mahmoud$600\r\n \"\"\r\n \"\"\r\n Completed
Sayed Website24 May 2021Sayed$300\r\n \"\"\r\n \"\"\r\n Rejected
Arena Application01 Mar 2021Arena Company$2600\r\n \"\"\r\n \"\"\r\n \"\"\r\n \"\"\r\n Completed
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n\r\n" }, { "path": "plans.html", "content": "\r\n\r\n \r\n \r\n \r\n \r\n Plans\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n

Elzero

\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \"\"\r\n
\r\n
\r\n \r\n

Plans

\r\n
\r\n
\r\n
\r\n

Free

\r\n
$0.00
\r\n
\r\n
    \r\n
  • \r\n \r\n Access All Text Lessons\r\n \r\n
    • \r\n
  • \r\n \r\n Access All Videos Lessons\r\n \r\n
    • \r\n
  • \r\n \r\n Appear On Leaderboard\r\n \r\n
    • \r\n
  • \r\n \r\n Browse Content Without Ads\r\n \r\n
    • \r\n
  • \r\n \r\n Access All Assignments\r\n \r\n
    • \r\n
  • \r\n \r\n Get Daily Prizes\r\n \r\n
    • \r\n
  • \r\n \r\n Earn Certificate\r\n \r\n
    • \r\n
  • \r\n \r\n 1 GB Space For Hosting Files\r\n \r\n
    • \r\n
  • \r\n \r\n Access Badge System\r\n \r\n
    • \r\n
\r\n Join\r\n
\r\n \r\n
\r\n
\r\n

Basic

\r\n
$7.99
\r\n
\r\n
    \r\n
  • \r\n \r\n Access All Text Lessons\r\n \r\n
    • \r\n
  • \r\n \r\n Access All Videos Lessons\r\n \r\n
    • \r\n
  • \r\n \r\n Appear On Leaderboard\r\n \r\n
    • \r\n
  • \r\n \r\n Browse Content Without Ads\r\n \r\n
    • \r\n
  • \r\n \r\n Access All Assignments\r\n \r\n
    • \r\n
  • \r\n \r\n Get Daily Prizes\r\n \r\n
    • \r\n
  • \r\n \r\n Earn Certificate\r\n \r\n
    • \r\n
  • \r\n \r\n 1 GB Space For Hosting Files\r\n \r\n
    • \r\n
  • \r\n \r\n Access Badge System\r\n \r\n
    • \r\n
\r\n Join\r\n
\r\n \r\n \r\n
\r\n
\r\n

Premium

\r\n
$19.99
\r\n
\r\n
    \r\n
  • \r\n \r\n Access All Text Lessons\r\n \r\n
    • \r\n
  • \r\n \r\n Access All Videos Lessons\r\n \r\n
    • \r\n
  • \r\n \r\n Appear On Leaderboard\r\n \r\n
    • \r\n
  • \r\n \r\n Browse Content Without Ads\r\n \r\n
    • \r\n
  • \r\n \r\n Access All Assignments\r\n \r\n
    • \r\n
  • \r\n \r\n Get Daily Prizes\r\n \r\n
    • \r\n
  • \r\n \r\n Earn Certificate\r\n \r\n
    • \r\n
  • \r\n \r\n 1 GB Space For Hosting Files\r\n \r\n
    • \r\n
  • \r\n \r\n Access Badge System\r\n \r\n
    • \r\n
\r\n

This Is Your Current Plan

\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n\r\n" }, { "path": "profile.html", "content": "\r\n\r\n \r\n \r\n \r\n \r\n Profile\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n

Elzero

\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \"\"\r\n
\r\n
\r\n \r\n

Profile

\r\n
\r\n \r\n
\r\n
\r\n \"\"\r\n

Osama Elzero

\r\n

Level 20

\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n

550 Rating

\r\n
\r\n
\r\n \r\n
\r\n

General Information

\r\n
\r\n Full Name\r\n Osama Mohamed\r\n
\r\n
\r\n Gender:\r\n Male\r\n
\r\n
\r\n Country:\r\n Egypt\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n

Personal Information

\r\n
\r\n Email:\r\n o@nn.sa\r\n
\r\n
\r\n Phone:\r\n 019123456789\r\n
\r\n
\r\n Date Of Birth:\r\n 25/10/1982\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n

Job Information

\r\n
\r\n Title:\r\n Full Stack Developer\r\n
\r\n
\r\n Programming Language:\r\n Python\r\n
\r\n
\r\n Years Of Experience:\r\n 15+\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n

Billing Information

\r\n
\r\n Payment Method:\r\n Paypal\r\n
\r\n
\r\n Email:\r\n email@website.com\r\n
\r\n
\r\n Subscription:\r\n Monthly\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n

My Skills

\r\n

Complete Skills List

\r\n
    \r\n
  • HTMLPugjsHAML
    • \r\n
  • CSSSASSStylus
    • \r\n
  • JavaScriptTypeScript
    • \r\n
  • VuejsReactjs
    • \r\n
  • JestJasmine
    • \r\n
  • PHPLaravel
    • \r\n
  • PythonDjango
    • \r\n
\r\n
\r\n
\r\n

Latest Activities

\r\n

Latest Activities Done By The User

\r\n
\r\n \"\"\r\n
\r\n Store\r\n Bought The Mastering Python Course\r\n
\r\n
\r\n 18:10\r\n Yesterday\r\n
\r\n
\r\n
\r\n \"\"\r\n
\r\n Academy\r\n Got The PHP Certificate\r\n
\r\n
\r\n 16:05\r\n Yesterday\r\n
\r\n
\r\n
\r\n \"\"\r\n
\r\n Badges\r\n Unlocked The 10 Skills Badge\r\n
\r\n
\r\n 18:05\r\n Yesterday\r\n
\r\n
\r\n
\r\n \"\"\r\n
\r\n Store\r\n Bought The Typescript Course\r\n
\r\n
\r\n 12:05\r\n Yesterday\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n\r\n" }, { "path": "projects.html", "content": "\r\n\r\n \r\n \r\n \r\n \r\n Projects\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n

Elzero

\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \"\"\r\n
\r\n
\r\n \r\n

Projects

\r\n
\r\n
\r\n 15/10/2021\r\n

Elzero Dashboard

\r\n

Elzero Dashboard Project Design And Programming And Hosting

\r\n
\r\n \"\"\r\n \"\"\r\n \"\"\r\n \"\"\r\n \"\"\r\n
\r\n
\r\n Programming\r\n Design\r\n Hosting\r\n Marketing\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n 2500\r\n
\r\n
\r\n
\r\n
\r\n 15/6/2022\r\n

Academy Portal

\r\n

Academy Portal Project Design And Programming

\r\n
\r\n \"\"\r\n \"\"\r\n \"\"\r\n
\r\n
\r\n Programming\r\n Design\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n 1800\r\n
\r\n
\r\n
\r\n
\r\n 15/6/2022\r\n

Chatting Application

\r\n

Chatting Application Project Design

\r\n
\r\n \"\"\r\n \"\"\r\n \"\"\r\n
\r\n
\r\n Design\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n 950\r\n
\r\n
\r\n
\r\n
\r\n 15/6/2022\r\n

Ahmed Dashboard

\r\n

Ahmed Dashboard Project Design And Programming And Hosting

\r\n
\r\n \"\"\r\n \"\"\r\n \"\"\r\n \"\"\r\n
\r\n
\r\n Programming\r\n Design\r\n Hosting\r\n Marketing\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n 1700\r\n
\r\n
\r\n
\r\n
\r\n 15/6/2022\r\n

Ahmed Portal

\r\n

Ahmed Portal Project Design And Programming

\r\n
\r\n \"\"\r\n \"\"\r\n \"\"\r\n
\r\n
\r\n Programming\r\n Design\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n 850\r\n
\r\n
\r\n
\r\n
\r\n 15/6/2022\r\n

Mohamed Application

\r\n

Mohamed Application Project Design

\r\n
\r\n \"\"\r\n \"\"\r\n \"\"\r\n
\r\n
\r\n Design\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n 950\r\n
\r\n
\r\n
\r\n
\r\n 15/6/2022\r\n

Mohamed Dashboard

\r\n

Mohamed Dashboard Project Design And Programming And Hosting

\r\n
\r\n \"\"\r\n \"\"\r\n \"\"\r\n \"\"\r\n
\r\n
\r\n Programming\r\n Design\r\n Hosting\r\n Marketing\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n 1950\r\n
\r\n
\r\n
\r\n
\r\n 15/6/2022\r\n

Mohamed Portal

\r\n

Mohamed Portal Project Design And Programming

\r\n
\r\n \"\"\r\n \"\"\r\n \"\"\r\n
\r\n
\r\n Programming\r\n Design\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n 1650\r\n
\r\n
\r\n
\r\n
\r\n 15/6/2022\r\n

Ahmed Application

\r\n

Ahmed Application Project Design

\r\n
\r\n \"\"\r\n \"\"\r\n \"\"\r\n
\r\n
\r\n Design\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n 950\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n\r\n" }, { "path": "settings.html", "content": "\r\n\r\n \r\n \r\n \r\n \r\n Settings\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n

Elzero

\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \"\"\r\n
\r\n
\r\n \r\n

Settings

\r\n
\r\n \r\n
\r\n

Site Control

\r\n

Control The Website If There Is Maintenance

\r\n
\r\n
\r\n Website Control\r\n

Open/Close Website And Type The Reason

\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n

General Info

\r\n

General Information About Your Account

\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n Change\r\n
\r\n
\r\n \r\n \r\n
\r\n

Security Info

\r\n

Security Information About Your Account

\r\n
\r\n
\r\n Password\r\n

Last Change On 25/10/2021

\r\n
\r\n Change\r\n
\r\n
\r\n
\r\n Two-Factor Authentication\r\n

Enable/Disable The Feature

\r\n
\r\n \r\n
\r\n
\r\n
\r\n Devices\r\n

Check The Login Devices List

\r\n
\r\n Devices\r\n
\r\n
\r\n \r\n \r\n
\r\n

Social Info

\r\n

Social Media Information

\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n

Widgets Control

\r\n

Show/Hide Widgets

\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n

Backup Manager

\r\n

Control Backup Time And Location

\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n\r\n" } ]