├── README.md
├── forms
    ├── Readme.txt
    ├── contact.php
    └── quote.php
├── Readme.txt
├── sample-inner-page.html
├── dashboard.html
├── story.html
├── services.html
├── about.html
├── service-details.html
└── index.html


/README.md:
--------------------------------------------------------------------------------
1 | # logis


--------------------------------------------------------------------------------
/forms/Readme.txt:
--------------------------------------------------------------------------------
1 | Fully working PHP/AJAX contact form script is available in the pro version of the template.
2 | You can buy it from: https://bootstrapmade.com/logis-bootstrap-logistics-website-template/


--------------------------------------------------------------------------------
/Readme.txt:
--------------------------------------------------------------------------------
1 | Thanks for downloading this template!
2 | 
3 | Template Name: Logis
4 | Template URL: https://bootstrapmade.com/logis-bootstrap-logistics-website-template/
5 | Author: BootstrapMade.com
6 | License: https://bootstrapmade.com/license/
7 | 


--------------------------------------------------------------------------------
/forms/contact.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |   /**
 3 |   * Requires the "PHP Email Form" library
 4 |   * The "PHP Email Form" library is available only in the pro version of the template
 5 |   * The library should be uploaded to: vendor/php-email-form/php-email-form.php
 6 |   * For more info and help: https://bootstrapmade.com/php-email-form/
 7 |   */
 8 | 
 9 |   // Replace contact@example.com with your real receiving email address
10 |   $receiving_email_address = 'contact@example.com';
11 | 
12 |   if( file_exists($php_email_form = '../assets/vendor/php-email-form/php-email-form.php' )) {
13 |     include( $php_email_form );
14 |   } else {
15 |     die( 'Unable to load the "PHP Email Form" Library!');
16 |   }
17 | 
18 |   $contact = new PHP_Email_Form;
19 |   $contact->ajax = true;
20 |   
21 |   $contact->to = $receiving_email_address;
22 |   $contact->from_name = $_POST['name'];
23 |   $contact->from_email = $_POST['email'];
24 |   $contact->subject = $_POST['subject'];
25 | 
26 |   // Uncomment below code if you want to use SMTP to send emails. You need to enter your correct SMTP credentials
27 |   /*
28 |   $contact->smtp = array(
29 |     'host' => 'example.com',
30 |     'username' => 'example',
31 |     'password' => 'pass',
32 |     'port' => '587'
33 |   );
34 |   */
35 | 
36 |   $contact->add_message( $_POST['name'], 'From');
37 |   $contact->add_message( $_POST['email'], 'Email');
38 |   $contact->add_message( $_POST['message'], 'Message', 10);
39 | 
40 |   echo $contact->send();
41 | ?>
42 | 


--------------------------------------------------------------------------------
/forms/quote.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |   /**
 3 |   * Requires the "PHP Email Form" library
 4 |   * The "PHP Email Form" library is available only in the pro version of the template
 5 |   * The library should be uploaded to: vendor/php-email-form/php-email-form.php
 6 |   * For more info and help: https://bootstrapmade.com/php-email-form/
 7 |   */
 8 | 
 9 |   // Replace contact@example.com with your real receiving email address
10 |   $receiving_email_address = 'contact@example.com';
11 | 
12 |   if( file_exists($php_email_form = '../assets/vendor/php-email-form/php-email-form.php' )) {
13 |     include( $php_email_form );
14 |   } else {
15 |     die( 'Unable to load the "PHP Email Form" Library!');
16 |   }
17 | 
18 |   $contact = new PHP_Email_Form;
19 |   $contact->ajax = true;
20 |   
21 |   $contact->to = $receiving_email_address;
22 |   $contact->from_name = $_POST['name'];
23 |   $contact->from_email = $_POST['email'];
24 |   $contact->subject = 'Request for a quote';
25 | 
26 |   // Uncomment below code if you want to use SMTP to send emails. You need to enter your correct SMTP credentials
27 |   /*
28 |   $contact->smtp = array(
29 |     'host' => 'example.com',
30 |     'username' => 'example',
31 |     'password' => 'pass',
32 |     'port' => '587'
33 |   );
34 |   */
35 | 
36 |   $contact->add_message( $_POST['departure'], 'City of Departure');
37 |   $contact->add_message( $_POST['delivery'], 'Delivery City');
38 |   $contact->add_message( $_POST['weight'], 'Total Weight (kg)');
39 |   $contact->add_message( $_POST['dimensions'], 'Dimensions (cm)');
40 |   $contact->add_message( $_POST['name'], 'Name');
41 |   $contact->add_message( $_POST['email'], 'Email');
42 |   $contact->add_message( $_POST['phone'], 'Phone');
43 |   $contact->add_message( $_POST['message'], 'Message', 10);
44 | 
45 |   echo $contact->send();
46 | ?>
47 | 


--------------------------------------------------------------------------------
/sample-inner-page.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |   <meta charset="utf-8">
  6 |   <meta content="width=device-width, initial-scale=1.0" name="viewport">
  7 | 
  8 |   <title>Inner page</title>
  9 |   <meta content="" name="description">
 10 |   <meta content="" name="keywords">
 11 | 
 12 |   <!-- Favicons -->
 13 |   <link href="assets/img/favicon.png" rel="icon">
 14 |   <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
 15 | 
 16 |   <!-- Google Fonts -->
 17 |   <link rel="preconnect" href="https://fonts.googleapis.com">
 18 |   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 19 |   <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
 20 | 
 21 |   <!-- Vendor CSS Files -->
 22 |   <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 23 |   <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
 24 |   <link href="assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
 25 |   <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
 26 |   <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
 27 |   <link href="assets/vendor/aos/aos.css" rel="stylesheet">
 28 | 
 29 |   <!-- Template Main CSS File -->
 30 |   <link href="assets/css/main.css" rel="stylesheet">
 31 | 
 32 |   <!-- =======================================================
 33 |   * Template Name: Logis
 34 |   * Updated: Aug 30 2023 with Bootstrap v5.3.1
 35 |   * Template URL: https://bootstrapmade.com/logis-bootstrap-logistics-website-template/
 36 |   * Author: BootstrapMade.com
 37 |   * License: https://bootstrapmade.com/license/
 38 |   ======================================================== -->
 39 | </head>
 40 | 
 41 | <body>
 42 | 
 43 |   <!-- ======= Header ======= -->
 44 |   <header id="header" class="header d-flex align-items-center fixed-top">
 45 |     <div class="container-fluid container-xl d-flex align-items-center justify-content-between">
 46 | 
 47 |       <a href="index.html" class="logo d-flex align-items-center">
 48 |         <!-- Uncomment the line below if you also wish to use an image logo -->
 49 |         <!-- <img src="assets/img/logo.png" alt=""> -->
 50 |         <h1>K-Deurama</h1>
 51 |       </a>
 52 | 
 53 |       <i class="mobile-nav-toggle mobile-nav-show bi bi-list"></i>
 54 |       <i class="mobile-nav-toggle mobile-nav-hide d-none bi bi-x"></i>
 55 |       <nav id="navbar" class="navbar">
 56 |         <ul>
 57 |           <li><a href="index.html" class="active">Home</a></li>
 58 |           <li><a href="about.html">About</a></li>
 59 |           <li><a href="services.html">Services</a></li>
 60 |           <li><a href="story.html">Story</a></li>
 61 |           <li><a href="dashboard.html">Dashboard</a></li>
 62 |         
 63 |         </ul>
 64 |       </nav><!-- .navbar -->
 65 |           
 66 | 
 67 |     </div>
 68 |   </header><!-- End Header -->
 69 |   <!-- End Header -->
 70 | 
 71 |   <main id="main">
 72 | 
 73 |     <!-- ======= Breadcrumbs ======= -->
 74 |     <div class="breadcrumbs">
 75 |       <div class="page-header d-flex align-items-center" style="background-image: url('assets/img/hem.jpeg');">
 76 |         <div class="container position-relative">
 77 |           <div class="row d-flex justify-content-center">
 78 |             <div class="col-lg-6 text-center">
 79 |               <h2></h2>Inner Page</h2>
 80 |               
 81 |             </div>
 82 |           </div>
 83 |         </div>
 84 |       </div>
 85 |       <nav>
 86 |         <div class="container">
 87 |           <ol>
 88 |             <li><a href="index.html">Home</a></li>
 89 |             <li> Inner Page</li>
 90 |           </ol>
 91 |         </div>
 92 |       </nav>
 93 |     </div><!-- End Breadcrumbs -->
 94 | 
 95 |     <section class="sample-page">
 96 |       <div class="container" data-aos="fade-up">
 97 |         <p>
 98 |           You can duplicate this sample page and create any number of inner pages you like!
 99 |         </p>
100 |       </div>
101 |     </section>
102 | 
103 |   </main><!-- End #main -->
104 | 
105 |   <!-- ======= Footer ======= -->
106 |   <footer id="footer" class="footer">
107 | 
108 |     <div class="container">
109 |       <div class="row gy-4">
110 |         <div class="col-lg-5 col-md-12 footer-info">
111 |           <a href="index.html" class="logo d-flex align-items-center">
112 |             <span>K-Deurama</span>
113 |           </a>
114 |           <p>
115 |             This Webpage Gives You A Clear Vision On Kdramas. You will get to know a  Complete Vision On The Data Analytics On Top 100 Kdramas Of 2023</p>
116 |           <div class="social-links d-flex mt-4">
117 |             <a href="#" class="twitter"><i class="bi bi-twitter"></i></a>
118 |             <a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
119 |             <a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
120 |             <a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a>
121 |           </div>
122 |         </div>
123 | 
124 |         <div class="col-lg-2 col-6 footer-links">
125 |           <h4>Useful Links</h4>
126 |           <ul>
127 |             <li><a href="#">Home</a></li>
128 |             <li><a href="#">About us</a></li>
129 |             <li><a href="#">Services</a></li>
130 |             <li><a href="#">Terms of service</a></li>
131 |             <li><a href="#">Privacy policy</a></li>
132 |           </ul>
133 |         </div>
134 | 
135 |         <div class="col-lg-2 col-6 footer-links">
136 |           <h4>Our Services</h4>
137 |           <ul>
138 |             <li><a href="#">Web Design</a></li>
139 |             <li><a href="#">Web Development</a></li>
140 |             <li><a href="#">Product Management</a></li>
141 |             <li><a href="#">Graphic Design</a></li>
142 |           </ul>
143 |         </div>
144 | 
145 |         <div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
146 |           <h4>Contact Us</h4>
147 |           <p>
148 |              <br>
149 |              H7H8+7G4,Palani Road <br>
150 |              Udmalpet, Udp 642128<br><br>
151 |             <strong>Phone:</strong>04252-223019<br>
152 |             <strong>Email:</strong> gvgprincipal@gmail.com<br>
153 |           </p>
154 | 
155 |         </div>
156 | 
157 |       </div>
158 |     </div>
159 | 
160 |     <div class="container mt-4">
161 |       <div class="copyright">
162 |         &copy; Copyright <strong><span>Logis</span></strong>. All Rights Reserved
163 |       </div>
164 |       <div class="credits">
165 |         <!-- All the links in the footer should remain intact. -->
166 |         <!-- You can delete the links only if you purchased the pro version. -->
167 |         <!-- Licensing information: https://bootstrapmade.com/license/ -->
168 |         <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/logis-bootstrap-logistics-website-template/ -->
169 |         Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
170 |       </div>
171 |     </div>
172 | 
173 |   </footer><!-- End Footer -->
174 |   <!-- End Footer -->
175 | 
176 |   <a href="#" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
177 | 
178 |   <div id="preloader"></div>
179 | 
180 |   <!-- Vendor JS Files -->
181 |   <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
182 |   <script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
183 |   <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
184 |   <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
185 |   <script src="assets/vendor/aos/aos.js"></script>
186 |   <script src="assets/vendor/php-email-form/validate.js"></script>
187 | 
188 |   <!-- Template Main JS File -->
189 |   <script src="assets/js/main.js"></script>
190 | 
191 | </body>
192 | 
193 | </html>


--------------------------------------------------------------------------------
/dashboard.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |   <meta charset="utf-8">
  6 |   <meta content="width=device-width, initial-scale=1.0" name="viewport">
  7 | 
  8 |   <title>DashBoard</title>
  9 |   <meta content="" name="description">
 10 |   <meta content="" name="keywords">
 11 | 
 12 |   <!-- Favicons -->
 13 |   <link href="assets/img/favicon.png" rel="icon">
 14 |   <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
 15 | 
 16 |   <!-- Google Fonts -->
 17 |   <link rel="preconnect" href="https://fonts.googleapis.com">
 18 |   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 19 |   <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
 20 | 
 21 |   <!-- Vendor CSS Files -->
 22 |   <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 23 |   <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
 24 |   <link href="assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
 25 |   <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
 26 |   <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
 27 |   <link href="assets/vendor/aos/aos.css" rel="stylesheet">
 28 | 
 29 |   <!-- Template Main CSS File -->
 30 |   <link href="assets/css/main.css" rel="stylesheet">
 31 | 
 32 |   <!-- =======================================================
 33 |   * Template Name: Logis
 34 |   * Updated: Aug 30 2023 with Bootstrap v5.3.1
 35 |   * Template URL: https://bootstrapmade.com/logis-bootstrap-logistics-website-template/
 36 |   * Author: BootstrapMade.com
 37 |   * License: https://bootstrapmade.com/license/
 38 |   ======================================================== -->
 39 | </head>
 40 | 
 41 | <body>
 42 | 
 43 |   <!-- ======= Header ======= -->
 44 |   <header id="header" class="header d-flex align-items-center fixed-top">
 45 |     <div class="container-fluid container-xl d-flex align-items-center justify-content-between">
 46 | 
 47 |       <a href="index.html" class="logo d-flex align-items-center">
 48 |         <!-- Uncomment the line below if you also wish to use an image logo -->
 49 |         <!-- <img src="assets/img/logo.png" alt=""> -->
 50 |         <h1>K-Deurama</h1>
 51 |       </a>
 52 | 
 53 |       <i class="mobile-nav-toggle mobile-nav-show bi bi-list"></i>
 54 |       <i class="mobile-nav-toggle mobile-nav-hide d-none bi bi-x"></i>
 55 |       <nav id="navbar" class="navbar">
 56 |         <ul>
 57 |           <li><a href="index.html" class="active">Home</a></li>
 58 |           <li><a href="about.html">About</a></li>
 59 |           <li><a href="services.html">Services</a></li>
 60 |           <li><a href="story.html">Story</a></li>
 61 |           <li><a href="dashboard.html">Dashboard</a></li>
 62 |           
 63 |         </ul>
 64 |       </nav><!-- .navbar -->
 65 | 
 66 |     </div>
 67 |   </header><!-- End Header -->
 68 |   <!-- End Header -->
 69 | 
 70 |   <main id="main">
 71 | 
 72 |     <!-- ======= Breadcrumbs ======= -->
 73 |     <div class="breadcrumbs">
 74 |       <div class="page-header d-flex align-items-center" style="background-image: url('assets/img/das.jpeg');">
 75 |         <div class="container position-relative">
 76 |           <div class="row d-flex justify-content-center">
 77 |             <div class="col-lg-6 text-center">
 78 |               <h2>DashBoard</h2>
 79 |               <p>A dashboard is intended to convey different, but related information in an easy-to-digest form. And oftentimes, this includes things like key performance indicators (KPI)s or other important business metrics that stakeholders need to see and understand at a glance.</p>
 80 |             </div>
 81 |           </div>
 82 |         </div>
 83 |       </div>
 84 |       <nav>
 85 |         <div class="container">
 86 |           <ol>
 87 |             <li><a href="index.html">Home</a></li>
 88 |             <li>Dashboard</li>
 89 |           </ol>
 90 |         </div>
 91 |       </nav>
 92 |     </div><!-- End Breadcrumbs -->
 93 | 
 94 |   
 95 | 
 96 |     <!-- ======= Horizontal Pricing Section ======= -->
 97 |     <section id="horizontal-pricing" class="horizontal-pricing pt-0">
 98 |       <div class="container" data-aos="fade-up">
 99 | 
100 |         <div class="section-header">
101 |          
102 |           <h2>Cognos Analytics</h2>
103 | 
104 |         </div>
105 | 
106 |         <div class="row gy-4 pricing-item" data-aos="fade-up" data-aos-delay="100">
107 |           <div class="col-lg-3 d-flex align-items-center justify-content-center">
108 |             <h3>DashBoard 1</h3>
109 |           </div>
110 |           <div>
111 |             <iframe src="https://us3.ca.analytics.ibm.com/bi/?perspective=dashboard&amp;pathRef=.my_folders%2FNew%2Bdashboard%2B30&amp;closeWindowOnLastView=true&amp;ui_appbar=false&amp;ui_navbar=false&amp;shareMode=embedded&amp;action=view&amp;mode=dashboard&amp;subView=model0000018a5a271118_00000002" width="900" height="900" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen=""></iframe>
112 | 
113 |            </div>
114 |           
115 |           <div class="col-lg-3 d-flex align-items-center justify-content-center">
116 |             
117 |           </div>
118 |          
119 |         </div><!-- End Pricing Item -->
120 | 
121 |         <div class="row gy-4 pricing-item" data-aos="fade-up" data-aos-delay="100">
122 |           <div class="col-lg-3 d-flex align-items-center justify-content-center">
123 |             <h3>DashBoard 2</h3>
124 |           </div>
125 |           <div>
126 |          
127 |             <iframe src="https://us3.ca.analytics.ibm.com/bi/?perspective=dashboard&amp;pathRef=.my_folders%2FNew%2Bdashboard%2B2&amp;closeWindowOnLastView=true&amp;ui_appbar=false&amp;ui_navbar=false&amp;shareMode=embedded&amp;action=view&amp;mode=dashboard&amp;subView=model0000018a5986339e_00000000" width="900" height="900" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen=""></iframe>
128 |           </div>
129 |           
130 |           <div class="col-lg-3 d-flex align-items-center justify-content-center">
131 |             
132 |           </div>
133 |          
134 |         </div><!-- End Pricing Item -->
135 | 
136 |         <div class="row gy-4 pricing-item" data-aos="fade-up" data-aos-delay="100">
137 |           <div class="col-lg-3 d-flex align-items-center justify-content-center">
138 |             <h3>DashBoard 3</h3>
139 |           </div>
140 |           <div>
141 |             <iframe src="https://us3.ca.analytics.ibm.com/bi/?perspective=dashboard&amp;pathRef=.my_folders%2FNew%2Bdashboard%2B3&amp;closeWindowOnLastView=true&amp;ui_appbar=false&amp;ui_navbar=false&amp;shareMode=embedded&amp;action=view&amp;mode=dashboard&amp;subView=model0000018a598f5263_00000000" width="900" height="900" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen=""></iframe>
142 |           
143 |          
144 | 
145 |           </div>
146 |           
147 |           <div class="col-lg-3 d-flex align-items-center justify-content-center">
148 |            
149 |           </div>
150 |          
151 |         </div><!-- End Pricing Item -->
152 | 
153 |         <div class="row gy-4 pricing-item" data-aos="fade-up" data-aos-delay="100">
154 |           <div class="col-lg-3 d-flex align-items-center justify-content-center">
155 |             <h3>DashBoard 4</h3>
156 |           </div>
157 |           <div>
158 |             <iframe src="https://us3.ca.analytics.ibm.com/bi/?perspective=dashboard&amp;pathRef=.my_folders%2FNew%2Bdashboard%2B6&amp;closeWindowOnLastView=true&amp;ui_appbar=false&amp;ui_navbar=false&amp;shareMode=embedded&amp;action=view&amp;mode=dashboard&amp;subView=model0000018a5995a041_00000000" width="900" height="900" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen=""></iframe>
159 |            
160 |            
161 | 
162 |           </div>
163 |           
164 |           <div class="col-lg-3 d-flex align-items-center justify-content-center">
165 |             
166 |           </div>
167 |          
168 |         </div><!-- End Pricing Item -->
169 | 
170 |         
171 |        
172 | 
173 |         <div class="row gy-4 pricing-item" data-aos="fade-up" data-aos-delay="100">
174 |           <div class="col-lg-3 d-flex align-items-center justify-content-center">
175 |             <h3>DashBoard 5</h3>
176 |           </div>
177 |           <div>
178 |             <iframe src="https://us3.ca.analytics.ibm.com/bi/?perspective=dashboard&amp;pathRef=.my_folders%2FNew%2Bdashboard%2B8&amp;closeWindowOnLastView=true&amp;ui_appbar=false&amp;ui_navbar=false&amp;shareMode=embedded&amp;action=view&amp;mode=dashboard&amp;subView=model0000018a5998a8f1_00000002" width="900" height="900" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen=""></iframe>
179 |             
180 |            
181 | 
182 |           </div>
183 |           
184 |           <div class="col-lg-3 d-flex align-items-center justify-content-center">
185 |            
186 |           </div>
187 |          
188 |         </div><!-- End Pricing Item -->
189 | 
190 |        
191 |          
192 |   </main><!-- End #main -->
193 | 
194 |   <!-- ======= Footer ======= -->
195 |   <footer id="footer" class="footer">
196 | 
197 |     <div class="container">
198 |       <div class="row gy-4">
199 |         <div class="col-lg-5 col-md-12 footer-info">
200 |           <a href="index.html" class="logo d-flex align-items-center">
201 |             <span>K-Deurama</span>
202 |           </a>
203 |           <p>This Webpage Gives You A Clear Vision On Kdramas. You will get to know a  Complete Vision On The Data Analytics On Top 100 Kdramas Of 2023 </p>
204 | 
205 |           <div class="social-links d-flex mt-4">
206 |             <a href="#" class="twitter"><i class="bi bi-twitter"></i></a>
207 |             <a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
208 |             <a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
209 |             <a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a>
210 |           </div>
211 |         </div>
212 | 
213 |         <div class="col-lg-2 col-6 footer-links">
214 |           <h4>Useful Links</h4>
215 |           <ul>
216 |             <li><a href="#">Home</a></li>
217 |             <li><a href="#">About us</a></li>
218 |             <li><a href="#">Services</a></li>
219 |             <li><a href="#">Terms of service</a></li>
220 |             <li><a href="#">Privacy policy</a></li>
221 |           </ul>
222 |         </div>
223 | 
224 |         <div class="col-lg-2 col-6 footer-links">
225 |           <h4>Our Services</h4>
226 |           <ul>
227 |             <li><a href="#">Web Design</a></li>
228 |             <li><a href="#">Web Development</a></li>
229 |             <li><a href="#">Product Management</a></li>
230 |             <li><a href="#">Marketing</a></li>
231 |             <li><a href="#">Graphic Design</a></li>
232 |           </ul>
233 |         </div>
234 | 
235 |         <div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
236 |           <h4>Contact Us</h4>
237 |           <p>
238 |             <br>
239 |             H7H8+7G4,Palani Road<br>
240 |             Udmalpet, Udp 642128<br>
241 |             <strong>Phone:</strong>04252-223019<br>
242 |             <strong>Email:</strong>gvgprincipal@gmail.com<br>
243 |           </p>
244 | 
245 |         </div>
246 | 
247 |       </div>
248 |     </div>
249 | 
250 |     <div class="container mt-4">
251 |       <div class="copyright">
252 |         &copy; Copyright <strong><span>Logis</span></strong>. All Rights Reserved
253 |       </div>
254 |       <div class="credits">
255 |         <!-- All the links in the footer should remain intact. -->
256 |         <!-- You can delete the links only if you purchased the pro version. -->
257 |         <!-- Licensing information: https://bootstrapmade.com/license/ -->
258 |         <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/logis-bootstrap-logistics-website-template/ -->
259 |         Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
260 |       </div>
261 |     </div>
262 | 
263 |   </footer><!-- End Footer -->
264 |   <!-- End Footer -->
265 | 
266 |   <a href="#" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
267 | 
268 |   <div id="preloader"></div>
269 | 
270 |   <!-- Vendor JS Files -->
271 |   <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
272 |   <script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
273 |   <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
274 |   <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
275 |   <script src="assets/vendor/aos/aos.js"></script>
276 |   <script src="assets/vendor/php-email-form/validate.js"></script>
277 | 
278 |   <!-- Template Main JS File -->
279 |   <script src="assets/js/main.js"></script>
280 | 
281 | </body>
282 | 
283 | </html>


--------------------------------------------------------------------------------
/story.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |   <meta charset="utf-8">
  6 |   <meta content="width=device-width, initial-scale=1.0" name="viewport">
  7 | 
  8 |   <title>Story</title>
  9 |   <meta content="" name="description">
 10 |   <meta content="" name="keywords">
 11 | 
 12 |   <!-- Favicons -->
 13 |   <link href="assets/img/favicon.png" rel="icon">
 14 |   <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
 15 | 
 16 |   <!-- Google Fonts -->
 17 |   <link rel="preconnect" href="https://fonts.googleapis.com">
 18 |   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 19 |   <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
 20 | 
 21 |   <!-- Vendor CSS Files -->
 22 |   <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 23 |   <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
 24 |   <link href="assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
 25 |   <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
 26 |   <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
 27 |   <link href="assets/vendor/aos/aos.css" rel="stylesheet">
 28 | 
 29 |   <!-- Template Main CSS File -->
 30 |   <link href="assets/css/main.css" rel="stylesheet">
 31 | 
 32 |   <!-- =======================================================
 33 |   * Template Name: Logis
 34 |   * Updated: Aug 30 2023 with Bootstrap v5.3.1
 35 |   * Template URL: https://bootstrapmade.com/logis-bootstrap-logistics-website-template/
 36 |   * Author: BootstrapMade.com
 37 |   * License: https://bootstrapmade.com/license/
 38 |   ======================================================== -->
 39 | </head>
 40 | 
 41 | <body>
 42 | 
 43 |   <!-- ======= Header ======= -->
 44 |   <header id="header" class="header d-flex align-items-center fixed-top">
 45 |     <div class="container-fluid container-xl d-flex align-items-center justify-content-between">
 46 | 
 47 |       <a href="index.html" class="logo d-flex align-items-center">
 48 |         <!-- Uncomment the line below if you also wish to use an image logo -->
 49 |         <!-- <img src="assets/img/logo.png" alt=""> -->
 50 |         <h1>K-Deurama</h1>
 51 |       </a>
 52 | 
 53 |       <i class="mobile-nav-toggle mobile-nav-show bi bi-list"></i>
 54 |       <i class="mobile-nav-toggle mobile-nav-hide d-none bi bi-x"></i>
 55 |       <nav id="navbar" class="navbar">
 56 |         <ul>
 57 |           <li><a href="index.html" class="active">Home</a></li>
 58 |           <li><a href="about.html">About</a></li>
 59 |           <li><a href="services.html">Services</a></li>
 60 |           <li><a href="story.html">Story</a></li>
 61 |           <li><a href="dashboard.html">Dashboard</a></li>
 62 |          
 63 |         </ul>
 64 |       </nav><!-- .navbar -->
 65 | 
 66 |     </div>
 67 |   </header><!-- End Header -->
 68 |   <!-- End Header -->
 69 | 
 70 |   <main id="main">
 71 | 
 72 |     <!-- ======= Breadcrumbs ======= -->
 73 |     <div class="breadcrumbs">
 74 |       <div class="page-header d-flex align-items-center" style="background-image: url('assets/img/pre.jpeg');">
 75 |         <div class="container position-relative">
 76 |           <div class="row d-flex justify-content-center">
 77 |             <div class="col-lg-6 text-center">
 78 |               <h2>Story</h2>
 79 |               <p>This Webpage Gives You A Clear Vision On Kdramas. You will get to know a Complete Vision On The Data Analytics On Top 100 Kdramas Of 2023</p>
 80 |               </div>
 81 |             </div>
 82 |           </div>
 83 |         </div>
 84 |       </div>
 85 |       <nav>
 86 |         <div class="container">
 87 |           <ol>
 88 |             <li><a href="index.html">Home</a></li>
 89 |             <li>Story</li>
 90 |           </ol>
 91 |         </div>
 92 |       </nav>
 93 |     </div><!-- End Breadcrumbs -->
 94 | 
 95 |    <!-- ======= Horizontal Pricing Section ======= -->
 96 |     <section id="horizontal-pricing" class="horizontal-pricing pt-0">
 97 |       <div class="container" data-aos="fade-up">
 98 | 
 99 |         <div class="section-header">
100 |           <span>Horizontal</span>
101 |           <h2>Cognos Analytics</h2>
102 | 
103 |         </div>
104 | 
105 |         <div class="row gy-4 pricing-item" data-aos="fade-up" data-aos-delay="100">
106 |           <div class="col-lg-3 d-flex align-items-center justify-content-center">
107 |             <h3>Free Plan</h3>
108 |           </div>
109 | 
110 |         <div>
111 |           <iframe src="https://us3.ca.analytics.ibm.com/bi/?perspective=story&amp;pathRef=.my_folders%2FNew%2Bstory&amp;closeWindowOnLastView=true&amp;ui_appbar=false&amp;ui_navbar=false&amp;shareMode=embedded&amp;action=view&amp;sceneId=model0000018a452066fe_00000000&amp;sceneTime=4100" width="1000" height="1000" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen=""></iframe>
112 |         </div>  
113 |          
114 |           
115 |           <div class="col-lg-3 d-flex align-items-center justify-content-center">
116 |             
117 |           </div>
118 |          
119 |       
120 | 
121 |         </div>
122 |       </section><!-- End Horizontal Pricing Section -->
123 | 
124 |          <!-- ======= Testimonials Section ======= -->
125 |     <section id="testimonials" class="testimonials">
126 |       <div class="container">
127 | 
128 |         <div class="slides-1 swiper" data-aos="fade-up">
129 |           <div class="swiper-wrapper">
130 | 
131 |             <div class="swiper-slide">
132 |               <div class="testimonial-item">
133 |                 <img src="assets/img/testimonials/pro.jpeg" class="testimonial-img" alt="">
134 |      
135 |                 <h3>Lee Jae Wook</h3>
136 |                 <h4>Main Role &amp;Made In Heaven</h4>
137 |                 <div class="stars">
138 |                   <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
139 |                 </div>
140 |                 <p>
141 |                   <i class="bi bi-quote quote-icon-left"></i>
142 |                   “The star will appear soon. Then those leaving shall leave, and those returning shall return.That means it is a good thing. Well, I would not say it is necessarily always a good thing. With great power comes responsibility." 
143 |                   <i class="bi bi-quote quote-icon-right"></i>
144 |                 </p>
145 |               </div>
146 |             </div><!-- End testimonial item -->
147 | 
148 |             <div class="swiper-slide">
149 |               <div class="testimonial-item">
150 |                 <img src="assets/img/testimonials/mum.jpeg" class="testimonial-img" alt="">
151 |                 <h3>Baek Hee Sung</h3>
152 |                 <h4>Main Role &amp;Flower Of Evil</h4>
153 |                 <div class="stars">
154 |                   <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
155 |                 </div>
156 |                 <p>
157 |                   <i class="bi bi-quote quote-icon-left"></i>
158 |                   "Baek Hee-Sung is a man with a very dark past. Hee-Sung is seemingly happy in his marriage to police detective Ji-Won, with a loving daughter Eun-Ha offering up a semblance of normality for him.
159 |  Cheol-gyu Kim best director award"
160 |                   <i class="bi bi-quote quote-icon-right"></i>
161 |                 </p>
162 |               </div>
163 |             </div><!-- End testimonial item -->
164 | 
165 |             <div class="swiper-slide">
166 |               <div class="testimonial-item">
167 |                 <img src="assets/img/testimonials/max.jpeg" class="testimonial-img" alt="">
168 |                 <h3>Yeon Shi-eun</h3>
169 |                 <h4>Main Role &amp;Weak Hero Class 1r</h4>
170 |                 <div class="stars">
171 |                   <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
172 |                 </div>
173 |                 <p>
174 |                   <i class="bi bi-quote quote-icon-left"></i>
175 |                   Yeon Shi-eun is a model student, who ranks at the top at his school. Physically, he appears like a weak boy, but, by using his smarts, tools, and psychology, he fights against violence that takes place inside and outside of his school.
176 |  Weak Hero Class 1” Actor Park Jihoon Wins Best Rookie Actor At The “2nd Blue Dragon Series Awards”
177 |                   <i class="bi bi-quote quote-icon-right"></i>
178 |                 </p>
179 |               </div>
180 |             </div><!-- End testimonial item -->
181 | 
182 |             <div class="swiper-slide">
183 |               <div class="testimonial-item">
184 |                 <img src="assets/img/testimonials/mental.jpeg" class="testimonial-img" alt="">
185 |                 <h3>Lee Ik Jun</h3>
186 |                 <h4>Main Role &amp;Hospital Playlist 1 and 2</h4>
187 |                 <div class="stars">
188 |                   <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
189 |                 </div>
190 |                 <p>
191 |                   <i class="bi bi-quote quote-icon-left"></i>
192 |                   Lee Ik Jun is a single dad who specializes in liver transplants.  He is the silly one in the group who always knows how to break the tension with some crazy response.  Maybe because he is the only parent in the group, he is caring and nurturing to everyone
193 |                  
194 |                   <i class="bi bi-quote quote-icon-right"></i>
195 |                 </p>
196 |               </div>
197 |             </div><!-- End testimonial item -->
198 | 
199 |             
200 | 
201 |           </div>
202 |           <div class="swiper-pagination"></div>
203 |         </div>
204 | 
205 |       </div>
206 |     </section><!-- End Testimonials Section -->
207 | 
208 |     </section><!-- End Horizontal Pricing Section -->
209 | 
210 |               
211 | 
212 |   </main><!-- End #main -->
213 | 
214 |   <!-- ======= Footer ======= -->
215 |   <footer id="footer" class="footer">
216 | 
217 |     <div class="container">
218 |       <div class="row gy-4">
219 |         <div class="col-lg-5 col-md-12 footer-info">
220 |           <a href="index.html" class="logo d-flex align-items-center">
221 |             <span>K-Deurama</span>
222 |           </a>
223 |           <p>This Webpage Gives You A Clear Vision On Kdramas. You will get to know a  Complete Vision On The Data Analytics On Top 100 Kdramas Of 2023 </p>
224 |            <div class="social-links d-flex mt-4">
225 |             <a href="#" class="twitter"><i class="bi bi-twitter"></i></a>
226 |             <a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
227 |             <a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
228 |             <a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a>
229 |           </div>
230 |         </div>
231 | 
232 |         <div class="col-lg-2 col-6 footer-links">
233 |           <h4>Useful Links</h4>
234 |           <ul>
235 |             <li><a href="#">Home</a></li>
236 |             <li><a href="#">About us</a></li>
237 |             <li><a href="#">Services</a></li>
238 |             <li><a href="#">Terms of service</a></li>
239 |             <li><a href="#">Privacy policy</a></li>
240 |           </ul>
241 |         </div>
242 | 
243 |         <div class="col-lg-2 col-6 footer-links">
244 |           <h4>Our Services</h4>
245 |           <ul>
246 |             <li><a href="#">Web Design</a></li>
247 |             <li><a href="#">Web Development</a></li>
248 |             <li><a href="#">Product Management</a></li>
249 |             <li><a href="#">Marketing</a></li>
250 |             <li><a href="#">Graphic Design</a></li>
251 |           </ul>
252 |         </div>
253 | 
254 |         <div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
255 |           <h4>Contact Us</h4>
256 |           <p>
257 |             <br>
258 |             H7H8+7G4,Palani Road<br>
259 |             Udmalpet, Udp 642128<br>
260 |             Tamil Nadu <br><br>
261 |             <strong>Phone:</strong> 04252-223019 <br>
262 |             <strong>Email:</strong> gvgprincipal@gmail.com<br>
263 |           </div>
264 |         </div>
265 |     </div>
266 | 
267 |     <div class="container mt-4">
268 |       <div class="copyright">
269 |         &copy; Copyright <strong><span>Logis</span></strong>. All Rights Reserved
270 |       </div>
271 |       <div class="credits">
272 |         <!-- All the links in the footer should remain intact. -->
273 |         <!-- You can delete the links only if you purchased the pro version. -->
274 |         <!-- Licensing information: https://bootstrapmade.com/license/ -->
275 |         <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/logis-bootstrap-logistics-website-template/ -->
276 |         Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
277 |       </div>
278 |     </div>
279 | 
280 |   </footer><!-- End Footer -->
281 |   <!-- End Footer -->
282 | 
283 |   <a href="#" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
284 | 
285 |   <div id="preloader"></div>
286 | 
287 |   <!-- Vendor JS Files -->
288 |   <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
289 |   <script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
290 |   <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
291 |   <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
292 |   <script src="assets/vendor/aos/aos.js"></script>
293 |   <script src="assets/vendor/php-email-form/validate.js"></script>
294 | 
295 |   <!-- Template Main JS File -->
296 |   <script src="assets/js/main.js"></script>
297 | 
298 | </body>
299 | 
300 | </html>


--------------------------------------------------------------------------------
/services.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |   <meta charset="utf-8">
  6 |   <meta content="width=device-width, initial-scale=1.0" name="viewport">
  7 | 
  8 |   <title>Services</title>
  9 |   <meta content="" name="description">
 10 |   <meta content="" name="keywords">
 11 | 
 12 |   <!-- Favicons -->
 13 |   <link href="assets/img/favicon.png" rel="icon">
 14 |   <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
 15 | 
 16 |   <!-- Google Fonts -->
 17 |   <link rel="preconnect" href="https://fonts.googleapis.com">
 18 |   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 19 |   <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
 20 | 
 21 |   <!-- Vendor CSS Files -->
 22 |   <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 23 |   <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
 24 |   <link href="assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
 25 |   <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
 26 |   <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
 27 |   <link href="assets/vendor/aos/aos.css" rel="stylesheet">
 28 | 
 29 |   <!-- Template Main CSS File -->
 30 |   <link href="assets/css/main.css" rel="stylesheet">
 31 | 
 32 |   <!-- =======================================================
 33 |   * Template Name: Logis
 34 |   * Updated: Aug 30 2023 with Bootstrap v5.3.1
 35 |   * Template URL: https://bootstrapmade.com/logis-bootstrap-logistics-website-template/
 36 |   * Author: BootstrapMade.com
 37 |   * License: https://bootstrapmade.com/license/
 38 |   ======================================================== -->
 39 | </head>
 40 | 
 41 | <body>
 42 | 
 43 |   <!-- ======= Header ======= -->
 44 |   <header id="header" class="header d-flex align-items-center fixed-top">
 45 |     <div class="container-fluid container-xl d-flex align-items-center justify-content-between">
 46 | 
 47 |       <a href="index.html" class="logo d-flex align-items-center">
 48 |         <!-- Uncomment the line below if you also wish to use an image logo -->
 49 |         <!-- <img src="assets/img/logo.png" alt=""> -->
 50 |         <h1>K-Deurama</h1>
 51 |       </a>
 52 | 
 53 |       <i class="mobile-nav-toggle mobile-nav-show bi bi-list"></i>
 54 |       <i class="mobile-nav-toggle mobile-nav-hide d-none bi bi-x"></i>
 55 |       <nav id="navbar" class="navbar">
 56 |         <ul>
 57 |           <li><a href="index.html" class="active">Home</a></li>
 58 |           <li><a href="about.html">About</a></li>
 59 |           <li><a href="services.html">Services</a></li>
 60 |           <li><a href="story.html">Story</a></li>
 61 |           <li><a href="dashboard.html">Dashboard</a></li>
 62 |         
 63 |         </ul>
 64 |       </nav><!-- .navbar -->
 65 | 
 66 |     </div>
 67 |   </header><!-- End Header -->
 68 |   <!-- End Header -->
 69 | 
 70 |   <main id="main">
 71 | 
 72 |     <!-- ======= Breadcrumbs ======= -->
 73 |     <div class="breadcrumbs">
 74 |       <div class="page-header d-flex align-items-center" style="background-image: url('assets/img/preethi.png');">
 75 |         <div class="container position-relative">
 76 |           <div class="row d-flex justify-content-center">
 77 |             <div class="col-lg-6 text-center">
 78 |               <h2>Top 100 KDramas</h2>
 79 |               <p>These extremely addictive series are popular all around the globe especially with the rise of online streaming services and the Hallyu wave instigated by the South Korean Government which was using their soft power to gain a position in the global market. The Korean pop scene also has grown rapidly over the years. 
 80 |             </div>
 81 |           </div>
 82 |         </div>
 83 |       </div>
 84 |       <nav>
 85 |         <div class="container">
 86 |           <ol>
 87 |             <li><a href="index.html">Home</a></li>
 88 |             <li>Services</li>
 89 |           </ol>
 90 |         </div>
 91 |       </nav>
 92 |     </div><!-- End Breadcrumbs -->
 93 | 
 94 |     
 95 | 
 96 |     <!-- ======= Services Section ======= -->
 97 |     <section id="service" class="services pt-0">
 98 |       <div class="container" data-aos="fade-up">
 99 | 
100 |         <div class="section-header">
101 |           <span>Top Kdramas</span>
102 |           <h2>GENRE</h2>
103 | 
104 |         </div>
105 | 
106 |         <div class="row gy-4">
107 | 
108 |           <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100">
109 |             <div class="card">
110 |               <div class="card-img">
111 |                 <img src="assets/img/her.jpeg" alt="" class="img-fluid">
112 |               </div>
113 |               <h3><a href="service-details.html" class="stretched-link">Historical Dramas</a></h3>
114 |               <p>A historical drama (also period drama, costume drama, and period piece) is a work set in a past time period, usually used in the context of film and television. Historical drama includes historical fiction and romances, adventure films, and swashbucklers. A period piece may be set in a vague or general era such as the Middle Ages or a specific period such as the Roaring Twenties.</p>
115 |               
116 |             </div>
117 |           </div><!-- End Card Item -->
118 | 
119 |           <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
120 |             <div class="card">
121 |               <div class="card-img">
122 |                 <img src="assets/img/th.jpeg" alt="" class="img-fluid">
123 |               </div>
124 |               <h3><a href="service-details.html" class="stretched-link">Thriller</a></h3>
125 |               <p>
126 |                 Thriller film, also known as suspense film or suspense thriller, is a broad film genre thatevokes excitement and suspense in the audience. The suspense element found in most films' plots is particularly exploited by the filmmaker in this genre</p>
127 |             </div>
128 |           </div><!-- End Card Item -->
129 | 
130 |           <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="300">
131 |             <div class="card">
132 |               <div class="card-img">
133 |                 <img src="assets/img/mo.jpeg" alt="" class="img-fluid">
134 |               </div>
135 |               <h3><a href="service-details.html" class="stretched-link">Mystery</a></h3>
136 |               <p>
137 |                 Mystery is a fiction genre where the nature of an event, usually a murder or other crime, remains mysterious until the end of the story. Often within a closed circle of suspects, each suspect is usually provided with a credible motive and a reasonable opportunity for committing the crime.</p>
138 |             </div>
139 |           </div><!-- End Card Item -->
140 | 
141 |           <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="400">
142 |             <div class="card">
143 |               <div class="card-img">
144 |                 <img src="assets/img/ex.jpeg" alt="" class="img-fluid">
145 |               </div>
146 |               <h3><a href="service-details.html" class="stretched-link">High School Romance</a></h3>
147 |               <p>These shows offer a glimpse into the lives of teenagers on the cusp of adulthood as they navigate high school, first loves, friendships, and other teenage experiences. With captivating storylines and charismatic actors, high school K-dramas have become a genre of their own, always leaving viewers wanting more.</p>
148 |              </div>
149 |           </div><!-- End Card Item -->
150 | 
151 |           <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="500">
152 |             <div class="card">
153 |               <div class="card-img">
154 |                 <img src="assets/img/rep.jpeg" alt="" class="img-fluid">
155 |               </div>
156 |               <h3><a href="service-details.html" class="stretched-link">MeloDrama</a></h3>
157 |               <p>A melodrama is a story or play in which there are a lot of exciting or sad events and in which people's emotions are very exaggerated.</p>
158 |             </div>
159 |           </div><!-- End Card Item -->
160 | 
161 |           <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="600">
162 |             <div class="card">
163 |               <div class="card-img">
164 |                 <img src="assets/img/gi.jpeg" alt="" class="img-fluid">
165 |               </div>
166 |               <h3><a href="service-details.html" class="stretched-link">Fantasy</a></h3>
167 |               <p>Fantasy films are films that belong to the fantasy genre with fantastic themes, usually magic, supernatural events, mythology, folklore, or exotic fantasy worlds. The genre is considered a form of speculative fiction alongside science fiction films and horror films, although the genres do overlap.</p>
168 |           </div><!-- End Card Item -->
169 | 
170 |         </div>
171 | 
172 |       </div>
173 |     </section><!-- End Services Section -->
174 | 
175 |     <!-- ======= Features Section ======= -->
176 |     <section id="features" class="features">
177 |       <div class="container">
178 | 
179 |         <div class="row gy-4 align-items-center features-item" data-aos="fade-up">
180 | 
181 |           <div class="col-md-5">
182 |             <img src="assets/img/move.jpeg" class="img-fluid" alt="">
183 |           </div>
184 |           <div class="col-md-7">
185 |             <h3>Move To Heaven(2021)</h3>
186 |             <p class="fst-italic">
187 |               Geu-ru (Tang Jun-sang), who has Asperger syndrome, and his ex-convict uncle Sang-gu (Lee Je-hoon) meet for the first time after the sudden death of Geu-ru's father. Entrusted as Geu-ru's guardian, Sang-gu joins his nephew to help run the family trauma cleaning company "Move to Heaven", where in the course of business they uncover untold stories about the deceased while Sang-gu tries to deal with his painful past with Geu-ru's father as well as the traumatic incident that landed him in jail.
188 |             </p>
189 |             <ul>
190 |               <li><i class="bi bi-check"></i>Placed 8 th Rank from All the KDrams</li>
191 |               <li><i class="bi bi-check"></i> Scored 9.2/10.</li>
192 |               <li><i class="bi bi-check"></i>Lee Je Hoon, Tang Jun Sang, Hong Seung Hee</li>
193 |             </ul>
194 |           </div>
195 |         </div><!-- Features Item -->
196 | 
197 |         <div class="row gy-4 align-items-center features-item" data-aos="fade-up">
198 |           <div class="col-md-5 order-1 order-md-2">
199 |             <img src="assets/img/weak.jpeg" class="img-fluid" alt="">
200 |           </div>
201 |           <div class="col-md-7 order-2 order-md-1">
202 |             <h3>Weak Hero Class 1(2022)</h3>
203 |             <p class="fst-italic">
204 |               Yeon Si-eun (Park Ji-hoon) is among the top 1% of students in his class and is not interested in anything except studying. Though he is physically weak, he does not back down from the bullies in his classroom led by Jeon Yeong-bin (Kim Su-gyeom)</p>
205 |             </p>
206 |             <ul>
207 |               <li><i class="bi bi-check"></i>Placed 12 Rank from All the KDrams</li>
208 |               <li><i class="bi bi-check"></i> Scored 9.1/10.</li>
209 |               <li><i class="bi bi-check"></i> Lee Je Hoon, Tang Jun Sang, Hong Seung Hee</li>
210 |             </ul>
211 |             
212 |           </div>
213 |         </div><!-- Features Item -->
214 | 
215 |         <div class="row gy-4 align-items-center features-item" data-aos="fade-up">
216 |           <div class="col-md-5">
217 |             <img src="assets/img/hospital.jpeg" class="img-fluid" alt="">
218 |           </div>
219 |           <div class="col-md-7">
220 |             <h3>Hospital Playlist 2(2021)</h3>
221 |             <p>
222 |               <ul>
223 |                 In its second season, the story of five friends and doctors continues. Together, they navigate the daily ups and downs of being doctors. They experience hardships, new loves, losses, and heartbreaks both within the hospital and in their personal lives.</p>
224 |             <ul>
225 |               <li><i class="bi bi-check"></i> Placed Rank 12 from  all kdrams</li>
226 |               <li><i class="bi bi-check"></i> Scored 9.1/10</li>
227 |               <li><i class="bi bi-check"></i>Jo Jung Suk, Jung Kyung Ho, Jeon Mi Do, Yoo Yeon Seok, Kim Dae Myung</li>
228 |             </ul>
229 |           </div>
230 |         </div><!-- Features Item -->
231 | 
232 |         <div class="row gy-4 align-items-center features-item" data-aos="fade-up">
233 |           <div class="col-md-5 order-1 order-md-2">
234 |             <img src="assets/img/flo.jpeg" class="img-fluid" alt="">
235 |           </div>
236 |           <div class="col-md-7 order-2 order-md-1">
237 |             <h3>Flowers Of Evil(2020)</h3>
238 |             <p class="fst-italic">
239 |               Baek Hee-sung (Lee Joon-gi) is a man who hides his identity and past from his wife Cha Ji-won (Moon Chae-won), a detective. On the surface, they appear to be the perfect family: A loving couple with a beautiful six-year-old daughter who adores her parents.</p>
240 |             <p>
241 |               <ul>
242 |                 <li><i class="bi bi-check"></i> Placed Ranked 16 from  all kdrams </li>
243 |                 <li><i class="bi bi-check"></i> Scored 9.1/100</li>
244 |                 <li><i class="bi bi-check"></i>Lee Joon Gi, Jang Hee Jin, Moon Chae Won, Seo Hyun Woo</li>
245 |             
246 |             </p>
247 |           </div>
248 |         </div><!-- Features Item -->
249 | 
250 |       </div>
251 |     </section><!-- End Features Section -->
252 | 
253 |   </main><!-- End #main -->
254 | 
255 |   <!-- ======= Footer ======= -->
256 |   <footer id="footer" class="footer">
257 | 
258 |     <div class="container">
259 |       <div class="row gy-4">
260 |         <div class="col-lg-5 col-md-12 footer-info">
261 |           <a href="index.html" class="logo d-flex align-items-center">
262 |             <span>K-Deurama</span>
263 |             <h4><K-Deurama></K-Deurama></h4>
264 |           </a>
265 |           <p>
266 |             This Webpage Gives You A Clear Vision On Kdramas. You will get to know a  Complete Vision On The Data Analytics On Top 100 Kdramas Of 2023</p>
267 |             <a href="#" class="twitter"><i class="bi bi-twitter"></i></a>
268 |             <a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
269 |             <a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
270 |             <a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a>
271 |           </div>
272 |         </div>
273 | 
274 |         <div class="col-lg-2 col-6 footer-links">
275 |           <h4>Useful Links</h4>
276 |           <ul>
277 |             <li><a href="#">Home</a></li>
278 |             <li><a href="#">About us</a></li>
279 |             <li><a href="#">Services</a></li>
280 |             <li><a href="#">Terms of service</a></li>
281 |             <li><a href="#">Privacy policy</a></li>
282 |           </ul>
283 |         </div>
284 | 
285 |         <div class="col-lg-2 col-6 footer-links">
286 |           <h4>Our Services</h4>
287 |           <ul>
288 |             <li><a href="#">Web Design</a></li>
289 |             <li><a href="#">Web Development</a></li>
290 |             <li><a href="#">Product Management</a></li>
291 |             <li><a href="#">Marketing</a></li>
292 |             <li><a href="#">Graphic Design</a></li>
293 |           </ul>
294 |         </div>
295 | 
296 |         <div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
297 |           <h4>Contact Us</h4>
298 |           <p>
299 |            <br>
300 |             H7H8+7G4,Palani Road<br>
301 |             Udmalpet, Udp 642128<br>
302 |             Tamil Nadu <br><br>
303 |             <strong>Phone:</strong> 04252-223019 <br>
304 |             <strong>Email:</strong> gvgprincipal@gmail.com<br>
305 |           </p>
306 | 
307 |         </div>
308 | 
309 |       </div>
310 |     </div>
311 | 
312 |     <div class="container mt-4">
313 |       <div class="copyright">
314 |         &copy; Copyright <strong><span>Logis</span></strong>. All Rights Reserved
315 |       </div>
316 |       <div class="credits">
317 |         <!-- All the links in the footer should remain intact. -->
318 |         <!-- You can delete the links only if you purchased the pro version. -->
319 |         <!-- Licensing information: https://bootstrapmade.com/license/ -->
320 |         <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/logis-bootstrap-logistics-website-template/ -->
321 |         Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
322 |       </div>
323 |     </div>
324 | 
325 |   </footer><!-- End Footer -->
326 |   <!-- End Footer -->
327 | 
328 |   <a href="#" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
329 | 
330 |   <div id="preloader"></div>
331 | 
332 |   <!-- Vendor JS Files -->
333 |   <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
334 |   <script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
335 |   <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
336 |   <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
337 |   <script src="assets/vendor/aos/aos.js"></script>
338 |   <script src="assets/vendor/php-email-form/validate.js"></script>
339 | 
340 |   <!-- Template Main JS File -->
341 |   <script src="assets/js/main.js"></script>
342 | 
343 | </body>
344 | 
345 | </html>


--------------------------------------------------------------------------------
/about.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |   <meta charset="utf-8">
  6 |   <meta content="width=device-width, initial-scale=1.0" name="viewport">
  7 | 
  8 |   <title>About</title>
  9 |   <meta content="" name="description">
 10 |   <meta content="" name="keywords">
 11 | 
 12 |   <!-- Favicons -->
 13 |   <link href="assets/img/favicon.png" rel="icon">
 14 |   <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
 15 | 
 16 |   <!-- Google Fonts -->
 17 |   <link rel="preconnect" href="https://fonts.googleapis.com">
 18 |   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 19 |   <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
 20 | 
 21 |   <!-- Vendor CSS Files -->
 22 |   <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 23 |   <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
 24 |   <link href="assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
 25 |   <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
 26 |   <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
 27 |   <link href="assets/vendor/aos/aos.css" rel="stylesheet">
 28 | 
 29 |   <!-- Template Main CSS File -->
 30 |   <link href="assets/css/main.css" rel="stylesheet">
 31 | 
 32 |   <!-- =======================================================
 33 |   * Template Name: Logis
 34 |   * Updated: Aug 30 2023 with Bootstrap v5.3.1
 35 |   * Template URL: https://bootstrapmade.com/logis-bootstrap-logistics-website-template/
 36 |   * Author: BootstrapMade.com
 37 |   * License: https://bootstrapmade.com/license/
 38 |   ======================================================== -->
 39 | </head>
 40 | 
 41 | <body>
 42 | 
 43 |   <!-- ======= Header ======= -->
 44 |   <header id="header" class="header d-flex align-items-center fixed-top">
 45 |     <div class="container-fluid container-xl d-flex align-items-center justify-content-between">
 46 | 
 47 |       <a href="index.html" class="logo d-flex align-items-center">
 48 |         <!-- Uncomment the line below if you also wish to use an image logo -->
 49 |         <!-- <img src="assets/img/logo.png" alt=""> -->
 50 |         <h1>K-Deurama</h1>
 51 |       </a>
 52 | 
 53 |       <i class="mobile-nav-toggle mobile-nav-show bi bi-list"></i>
 54 |       <i class="mobile-nav-toggle mobile-nav-hide d-none bi bi-x"></i>
 55 |       <nav id="navbar" class="navbar">
 56 |         <ul>
 57 |           <li><a href="index.html" class="active">Home</a></li>
 58 |           <li><a href="about.html">About</a></li>
 59 |           <li><a href="services.html">Services</a></li>
 60 |           <li><a href="story.html">Story</a></li>
 61 |           <li><a href="dashboard.html">Dashboard</a></li>
 62 | 
 63 |          </ul>
 64 |       </nav><!-- .navbar -->
 65 | 
 66 |     </div>
 67 |   </header><!-- End Header -->
 68 |   <!-- End Header -->
 69 | 
 70 |   <main id="main">
 71 | 
 72 |     <!-- ======= Breadcrumbs ======= -->
 73 |     <div class="breadcrumbs">
 74 |       <div class="page-header d-flex align-items-center" style="background-image: url('assets/img/kdrama.jpg');">
 75 |         <div class="container position-relative">
 76 |           <div class="row d-flex justify-content-center">
 77 |             <div class="col-lg-6 text-center">
 78 |                 
 79 |               <h2>About
 80 | 
 81 |               </h2> 
 82 |               <p>This Webpage Gives You A Clear Vision On Kdramas. You will get to know a  Complete Vision On The Data Analytics On Top 100 Kdramas Of 2023 </p>
 83 |             </div>
 84 |           </div>
 85 |         </div>
 86 |       </div>
 87 |       <nav>
 88 |         <div class="container">
 89 |           <ol>
 90 |             <li><a href="index.html">Home</a></li>
 91 |             <li>About</li>
 92 |           </ol>
 93 |         </div>
 94 |       </nav>
 95 |     </div><!-- End Breadcrumbs -->
 96 | 
 97 |    <!-- ======= About Us Section ======= -->
 98 |    <section id="story" class="story">
 99 |     <div class="container" data-aos="fade-up">
100 | 
101 |       <div class="row gy-4">
102 |         <div class="col-lg-6 position-relative align-self-start order-lg-last order-first">
103 |           <img src="assets/img/data analytics.jpg" class="img-fluid" alt="">
104 |           
105 |         </div>
106 |         <div class="col-lg-6 content order-last  order-lg-first">
107 |           <h3>About Us</h3>
108 |           <p>
109 |             Data analytics is the collection, transformation, and organization of data in order to draw conclusions, make predictions, and drive informed decision making. Data analytics is often confused with data analysis. While these are related terms, they aren't exactly the same.
110 |            </p>
111 |           <ul>
112 |             <li data-aos="fade-up" data-aos-delay="100">
113 |               <i class="bi bi-diagram-3"></i>
114 |               <div>
115 |                 <h5> KDrama is all About?</h5>
116 |                 <p> While most Kdramas contain romantic elements and deep emotional themes, some may also contain a tragedy or slice of life theme. There are various styles and tones.</p>
117 |               </div>
118 |             </li>
119 |             <li data-aos="fade-up" data-aos-delay="200">
120 |               <i class="bi bi-fullscreen-exit"></i>
121 |               <div>
122 |                 <h5>Use Of Cognos</h5>
123 |                 <p> Using cognos we can obtain a Visualized Dataset Representation</p>
124 |               </div>
125 |             </li>
126 |             <li data-aos="fade-up" data-aos-delay="300">
127 |               <i class="bi bi-broadcast"></i>
128 |               <div>
129 |                 <h5>Main Aspects Of Kdrama</h5>
130 |                 <p>Their Popularity,Score,Rank Based On The Surveys Across Worldwide</p>
131 |               </div>
132 |             </li>
133 |           </ul>
134 |         </div>
135 |       </div>
136 | 
137 |     </div>
138 |   </section><!-- End About Us Section -->
139 | 
140 |   <!-- ======= Stats Counter Section ======= -->
141 |   <section id="stats-counter" class="stats-counter pt-0">
142 |     <div class="container" data-aos="fade-up">
143 | 
144 |       <div class="row gy-4">
145 | 
146 |         <div class="col-lg-3 col-md-6">
147 |           <div class="stats-item text-center w-100 h-100">
148 |             <span data-purecounter-start="0" data-purecounter-end="100" data-purecounter-duration="1" class="purecounter"></span>
149 |             <p>Total No Of Dramas</p>
150 |           </div>
151 |         </div><!-- End Stats Item -->
152 | 
153 |         <div class="col-lg-3 col-md-6">
154 |           <div class="stats-item text-center w-100 h-100">
155 |             <span data-purecounter-start="0" data-purecounter-end="24" data-purecounter-duration="1" class="purecounter"></span>
156 |             <p>Total Genre</p>
157 |           </div>
158 |         </div><!-- End Stats Item -->
159 | 
160 |         <div class="col-lg-3 col-md-6">
161 |           <div class="stats-item text-center w-100 h-100">
162 |             <span data-purecounter-start="0" data-purecounter-end="800" data-purecounter-duration="1" class="purecounter"></span>
163 |             <p>No Of Mainrole</p>
164 |           </div>
165 |         </div><!-- End Stats Item -->
166 | 
167 |         <div class="col-lg-3 col-md-6">
168 |           <div class="stats-item text-center w-100 h-100">
169 |             <span data-purecounter-start="0" data-purecounter-end="284124" data-purecounter-duration="1" class="purecounter"></span>
170 |             <p>Watchers</p>
171 |           </div>
172 |         </div><!-- End Stats Item -->
173 | 
174 |       </div>
175 | 
176 |     </div>
177 |   </section><!-- End Stats Counter Section -->
178 | 
179 |   <!-- ======= Our Team Section ======= -->
180 |   <section id="team" class="team pt-0">
181 |     <div class="container" data-aos="fade-up">
182 | 
183 |       <div class="section-header">
184 |         <span>Our Team</span>
185 |         <h2>Our Team</h2>
186 | 
187 |       </div>
188 | 
189 |       <div class="row" data-aos="fade-up" data-aos-delay="100">
190 | 
191 |         <div class="col-lg-4 col-md-6 d-flex">
192 |           <div class="member">
193 |             <img src="assets/img/team/team-1.jpg" class="img-fluid" alt="">
194 |             <div class="member-content">
195 |               <h4>Umadevi C S </h4>
196 |               <span>Web Development</span>
197 |               <p>
198 |                 But a city is more than a place in space, it is a drama in time. ...
199 |               </p>
200 |               <div class="social">
201 |                 <a href=""><i class="bi bi-twitter"></i></a>
202 |                 <a href=""><i class="bi bi-facebook"></i></a>
203 |                 <a href=""><i class="bi bi-instagram"></i></a>
204 |                 <a href=""><i class="bi bi-linkedin"></i></a>
205 |               </div>
206 |             </div>
207 |           </div>
208 |         </div><!-- End Team Member -->
209 | 
210 |         <div class="col-lg-4 col-md-6 d-flex">
211 |           <div class="member">
212 |             <img src="assets/img/team/team-2.jpg" class="img-fluid" alt="">
213 |             <div class="member-content">
214 |               <h4>Darshana B</h4>
215 |               <span>Analytics</span>
216 |               <p>
217 |                 Opera is the ultimate art form. ...
218 |               </p>
219 |               <div class="social">
220 |                 <a href=""><i class="bi bi-twitter"></i></a>
221 |                 <a href=""><i class="bi bi-facebook"></i></a>
222 |                 <a href=""><i class="bi bi-instagram"></i></a>
223 |                 <a href=""><i class="bi bi-linkedin"></i></a>
224 |               </div>
225 |             </div>
226 |           </div>
227 |         </div><!-- End Team Member -->
228 | 
229 |         <div class="col-lg-4 col-md-6 d-flex">
230 |           <div class="member">
231 |             <img src="assets/img/team/team-3.jpg" class="img-fluid" alt="">
232 |             <div class="member-content">
233 |               <h4>Preethi Ganesh</h4>
234 |               <span>Content And Creation</span>
235 |               <p>
236 |                 "I want to keep you by my side. ..." 
237 |               </p>
238 |               <div class="social">
239 |                 <a href=""><i class="bi bi-twitter"></i></a>
240 |                 <a href=""><i class="bi bi-facebook"></i></a>
241 |                 <a href=""><i class="bi bi-instagram"></i></a>
242 |                 <a href=""><i class="bi bi-linkedin"></i></a>
243 |               </div>
244 |             </div>
245 |           </div>
246 |         </div><!-- End Team Member -->
247 | 
248 |       </div>
249 | 
250 |     </div>
251 |   </section><!-- End Our Team Section -->
252 | 
253 |   
254 | 
255 | 
256 | 
257 | 
258 |   <!-- ======= Frequently Asked Questions Section ======= -->
259 |   <section id="faq" class="faq">
260 |     <div class="container" data-aos="fade-up">
261 | 
262 |       <div class="section-header">
263 |         <span>Frequently Asked Questions</span>
264 |         <h2>Frequently Asked Questions</h2>
265 | 
266 |       </div>
267 | 
268 |       <div class="row justify-content-center" data-aos="fade-up" data-aos-delay="200">
269 |         <div class="col-lg-10">
270 | 
271 |           <div class="accordion accordion-flush" id="faqlist">
272 | 
273 |             <div class="accordion-item">
274 |               <h3 class="accordion-header">
275 |                 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-1">
276 |                   <i class="bi bi-question-circle question-icon"></i>
277 |                   Do Kdrama's Are Based On Only one genre?
278 |                 </button>
279 |               </h3>
280 |               <div id="faq-content-1" class="accordion-collapse collapse" data-bs-parent="#faqlist">
281 |                 <div class="accordion-body">
282 |                   No! Kdramas Are Really Based On many Genres. Each one are really diffrent from each other.
283 |                 </div>
284 |               </div>
285 |             </div><!-- # Faq item-->
286 | 
287 |             <div class="accordion-item">
288 |               <h3 class="accordion-header">
289 |                 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-2">
290 |                   <i class="bi bi-question-circle question-icon"></i>
291 |                   Do Kdrama Episodes Last longer for more than 100 episodes like anime?
292 |                 </button>
293 |               </h3>
294 |               <div id="faq-content-2" class="accordion-collapse collapse" data-bs-parent="#faqlist">
295 |                 <div class="accordion-body">
296 |                   No! actually Kdramas lasts for 16 or 20 episodes.Mini series last for atleast 30 or 40 only.Not Longer As Animes.
297 |               </div>
298 |             </div><!-- # Faq item-->
299 | 
300 |             <div class="accordion-item">
301 |               <h3 class="accordion-header">
302 |                 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-3">
303 |                   <i class="bi bi-question-circle question-icon"></i>
304 |                   Is there any time limit for an single episode?
305 |                 </button>
306 |               </h3>
307 |               <div id="faq-content-3" class="accordion-collapse collapse" data-bs-parent="#faqlist">
308 |                 <div class="accordion-body">
309 |                   No actually there is no limit.But a episode sends within 1.30 hrs itsel. 
310 |                   </div>
311 |               </div>
312 |             </div><!-- # Faq item-->
313 |             <div class="accordion-item">
314 |               <h3 class="accordion-header">
315 |                 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-3">
316 |                   <i class="bi bi-question-circle question-icon"></i>
317 |                  Cognos Is easy to work?
318 |                 </button>
319 |               </h3>
320 |               <div id="faq-content-3" class="accordion-collapse collapse" data-bs-parent="#faqlist">
321 |                 <div class="accordion-body">
322 |                   This tool is very easy to use for many users, although there are no data experts, can use the tool efficiently. This tool is for data experts and visualizations are not that simple to understand for an average user.
323 |  
324 |                 
325 |                
326 |                   </div>
327 |               </div>
328 |             </div><!-- # Faq item-->
329 | 
330 |            
331 |               
332 | 
333 |           </div>
334 | 
335 |         </div>
336 |       </div>
337 | 
338 |     </div>
339 |   </section><!-- End Frequently Asked Questions Section -->5
340 | 
341 |   </main><!-- End #main -->
342 | 
343 |   <!-- ======= Footer ======= -->
344 |   <footer id="footer" class="footer">
345 | 
346 |     <div class="container">
347 |       <div class="row gy-4">
348 |         <div class="col-lg-5 col-md-12 footer-info">
349 |           <a href="index.html" class="logo d-flex align-items-center">
350 |             <span>K-Deurama</span>
351 |           </a>
352 |           <p>This Webpage Gives You A Clear Vision On Kdramas. You will get to know a  Complete Vision On The Data Analytics On Top 100 Kdramas Of 2023 </p>
353 |           <div class="social-links d-flex mt-4">
354 |             <a href="#" class="twitter"><i class="bi bi-twitter"></i></a>
355 |             <a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
356 |             <a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
357 |             <a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a>
358 |           </div>
359 |         </div>
360 | 
361 |         <div class="col-lg-2 col-6 footer-links">
362 |           <h4>Useful Links</h4>
363 |           <ul>
364 |             <li><a href="#">Home</a></li>
365 |             <li><a href="#">About us</a></li>
366 |             <li><a href="#">Services</a></li>
367 |             <li><a href="#">Terms of service</a></li>
368 |             <li><a href="#">Privacy policy</a></li>
369 |           </ul>
370 |         </div>
371 | 
372 |         
373 | 
374 |         <div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
375 |           <h4>Contact Us</h4>
376 |           <p>
377 | 
378 |             H7H8+7G4,Palani Road <br>
379 |             Udmalpet, Udp 642128 <br>
380 |             Tamil Nadu <br><br>
381 |             <strong>Phone:</strong> 04252-223019<br>
382 |             <strong>Email:</strong> gvgprincipal@gmail.com<br>
383 |           </p>
384 | 
385 |         </div>
386 | 
387 |       </div>
388 |     </div>
389 | 
390 |     <div class="container mt-4">
391 |       <div class="copyright">
392 |         &copy; Copyright <strong><span>Logis</span></strong>. All Rights Reserved
393 |       </div>
394 |       <div class="credits">
395 |         <!-- All the links in the footer should remain intact. -->
396 |         <!-- You can delete the links only if you purchased the pro version. -->
397 |         <!-- Licensing information: https://bootstrapmade.com/license/ -->
398 |         <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/logis-bootstrap-logistics-website-template/ -->
399 |         Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
400 |       </div>
401 |     </div>
402 | 
403 |   </footer><!-- End Footer -->
404 |   <!-- End Footer -->
405 | 
406 |   <a href="#" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
407 | 
408 |   <div id="preloader"></div>
409 | 
410 |   <!-- Vendor JS Files -->
411 |   <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
412 |   <script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
413 |   <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
414 |   <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
415 |   <script src="assets/vendor/aos/aos.js"></script>
416 |   <script src="assets/vendor/php-email-form/validate.js"></script>
417 | 
418 |   <!-- Template Main JS File -->
419 |   <script src="assets/js/main.js"></script>
420 | 
421 | </body>
422 | 
423 | </html>


--------------------------------------------------------------------------------
/service-details.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |   <meta charset="utf-8">
  6 |   <meta content="width=device-width, initial-scale=1.0" name="viewport">
  7 | 
  8 |   <title> Service Details</title>
  9 |   <meta content="" name="description">
 10 |   <meta content="" name="keywords">
 11 | 
 12 |   <!-- Favicons -->
 13 |   <link href="assets/img/favicon.png" rel="icon">
 14 |   <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
 15 | 
 16 |   <!-- Google Fonts -->
 17 |   <link rel="preconnect" href="https://fonts.googleapis.com">
 18 |   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 19 |   <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
 20 | 
 21 |   <!-- Vendor CSS Files -->
 22 |   <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 23 |   <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
 24 |   <link href="assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
 25 |   <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
 26 |   <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
 27 |   <link href="assets/vendor/aos/aos.css" rel="stylesheet">
 28 | 
 29 |   <!-- Template Main CSS File -->
 30 |   <link href="assets/css/main.css" rel="stylesheet">
 31 | 
 32 |   <!-- =======================================================
 33 |   * Template Name: Logis
 34 |   * Updated: Aug 30 2023 with Bootstrap v5.3.1
 35 |   * Template URL: https://bootstrapmade.com/logis-bootstrap-logistics-website-template/
 36 |   * Author: BootstrapMade.com
 37 |   * License: https://bootstrapmade.com/license/
 38 |   ======================================================== -->
 39 | </head>
 40 | 
 41 | <body>
 42 | 
 43 |   <!-- ======= Header ======= -->
 44 |   <header id="header" class="header d-flex align-items-center fixed-top">
 45 |     <div class="container-fluid container-xl d-flex align-items-center justify-content-between">
 46 | 
 47 |       <a href="index.html" class="logo d-flex align-items-center">
 48 |         <!-- Uncomment the line below if you also wish to use an image logo -->
 49 |         <!-- <img src="assets/img/logo.png" alt=""> -->
 50 |         <h1>K-Deurama</h1>
 51 |       </a>
 52 | 
 53 |       <i class="mobile-nav-toggle mobile-nav-show bi bi-list"></i>
 54 |       <i class="mobile-nav-toggle mobile-nav-hide d-none bi bi-x"></i>
 55 |       <nav id="navbar" class="navbar">
 56 |         <ul>
 57 |           <li><a href="index.html" class="active">Home</a></li>
 58 |           <li><a href="about.html">About</a></li>
 59 |           <li><a href="services.html">Services</a></li>
 60 |           <li><a href="story.html">Story</a></li>
 61 |           <li><a href="dashboard.html">Dashboard</a></li>
 62 |          
 63 |         </ul>
 64 |       </nav><!-- .navbar -->
 65 | 
 66 |     </div>
 67 |   </header><!-- End Header -->
 68 |   <!-- End Header -->
 69 | 
 70 |   <main id="main">
 71 | 
 72 |     <!-- ======= Breadcrumbs ======= -->
 73 |     <div class="breadcrumbs">
 74 |       <div class="page-header d-flex align-items-center" style="background-image: url('assets/img/hem.jpeg');">
 75 |         <div class="container position-relative">
 76 |           <div class="row d-flex justify-content-center">
 77 |             <div class="col-lg-6 text-center">
 78 |               <h2>Service Details</h2>
 79 |               <p>This Page gives You A Clear Explanation And the dramas That Are Present In the Genre</p>
 80 |             </div>
 81 |           </div>
 82 |         </div>
 83 |       </div>
 84 |       <nav>
 85 |         <div class="container">
 86 |           <ol>
 87 |             <li><a href="index.html">Home</a></li>
 88 |             <li>Service Details</li>
 89 |           </ol>
 90 |         </div>
 91 |       </nav>
 92 |     </div><!-- End Breadcrumbs -->
 93 | 
 94 |     <!-- ======= Service Details Section ======= -->
 95 |     <section id="service-details" class="service-details">
 96 |       <div class="container" data-aos="fade-up">
 97 | 
 98 |         <div class="row gy-4">
 99 | 
100 |           <div class="col-lg-4">
101 |             <div class="services-list">
102 |               <a href="#" class="active">HISTORICAL DRAMA</a>
103 |               <a href="#">About</a>
104 |               <a href="#">Kdramas</a>
105 |               
106 |             </div>
107 | 
108 |             <h4>In North Korea, South Korean historical dramas are generally called 고전 영화 (Hanja: 古典 映畫, RR: Gojeon Yeonghwa) or classic film. The first known historical film, The Story of Chun-hyang filmed in 1923</h4>
109 |             </div>
110 | 
111 |           <div class="col-lg-8">
112 |             <img src="assets/img/gokul.jpeg" alt="" class="img-fluid services-img">
113 |             <h3>Some Of The Kdramas Till 2023</h3>
114 |             <p>
115 |               1.Hwarang
116 | 
117 |               Empress Ki</p>
118 |               <p>
119 | 
120 |               2.Dong Yi</p>
121 |               <p>
122 | 
123 |               3.Moon Embracing The Sun</p>
124 | 
125 |               <p>4.The Princess' Man</p>
126 | 
127 |               <p>5.Love in the Moonlight</p>
128 | 
129 |               <p>6. Jewel In The Palace
130 |               Jumong</p>
131 |               
132 |               <p>7.The Tale of Nokdu</p>
133 |               
134 |               <p>8.Dong Yi</p>
135 |               
136 |              <p> 9.Mr. Queen</p>
137 |               
138 |               <p>10.Kingdom</p>
139 |               
140 |               <p> 11.Love in the Moonlight</p>
141 |               
142 |               <p> 12.100 Days My Prince</p>
143 |               
144 |               <p>13.The Crowned Clown</p>
145 |               
146 |               <p> 14.Gu Family Book</p>
147 |               
148 |               <p> 15.Queen for Seven Days</p>
149 |               
150 |               <p>16.Faith</p>
151 |               
152 |               <p> 17.Rookie Historian Goo Hae-ryung</p>
153 |               
154 |               <p> 18.Arang and the Magistrate
155 |               </p>
156 |             
157 |             
158 |           </div>
159 | 
160 |         </div>
161 | 
162 |       </div>
163 |        <!-- ======= Service Details Section ======= -->
164 |       <section id="service-details" class="service-details">
165 |         <div class="container" data-aos="fade-up">
166 |   
167 |           <div class="row gy-4">
168 |   
169 |             <div class="col-lg-4">
170 |               <div class="services-list">
171 |                 <a href="#" class="active">THRILLER</a>
172 |                 <a href="#">About</a>
173 |                 <a href="#">Kdramas</a>
174 |                 
175 |               </div>
176 |   
177 |               <h4>Thriller is a genre of fiction with numerous, often overlapping, subgenres, including crime, horror, and detective fiction. Thrillers are characterized and defined by the moods they elicit, giving their audiences heightened feelings of suspense, excitement, surprise, anticipation and anxiety.[1] This genre is well suited to film and television.</h4>
178 |               </div>
179 |   
180 |             <div class="col-lg-8">
181 |               <img src="assets/img/thrill.jpeg" alt="" class="img-fluid services-img">
182 |               <h3>Some Of The Kdramas Till 2023</h3>
183 |               <p>
184 |                 1.Flowe Of Evil</p>
185 |                 <p>
186 |   
187 |                 2.Beyond Evil</p>
188 |                 <p>
189 |   
190 |                 3.Stranger</p>
191 |   
192 |                 <p>4.Signal</p>
193 |   
194 |                 <p>5.Vagabond</p>
195 |   
196 |                 <p>6. Kingdom</p>
197 |                 
198 |                 <p>7.Voice</p>
199 |                 
200 |                 <p>8.Memorist</p>
201 |                 
202 |                <p> 9.Extracuricullar</p>
203 |                 
204 |                 <p>10.Healer</p>
205 |                 
206 |                 <p> 11.Hell Is Other People</p>
207 |                 
208 |                 <p> 12.The K2</p>
209 |                 
210 |                 <p>13.Save Me</p>
211 |                 
212 |                 <p> 14.Tunnel</p>
213 |                 
214 |                 <p> 15.Tell Me What You Saw</p>
215 |                 
216 |                 <p>16.Vincenzo</p>
217 |                 
218 |                 <p> 17.Squid Game</p>
219 |                 
220 |                 <p> 18. Memories Of Murder
221 |                 </p>
222 |               
223 |               
224 |             </div>
225 |           </div>
226 |          </div>
227 | 
228 |         <!-- ======= Service Details Section ======= -->
229 |         <section id="service-details" class="service-details">
230 |           <div class="container" data-aos="fade-up">
231 |     
232 |             <div class="row gy-4">
233 |     
234 |               <div class="col-lg-4">
235 |                 <div class="services-list">
236 |                   <a href="#" class="active">MYSTREY</a>
237 |                   <a href="#">About</a>
238 |                   <a href="#">Kdramas</a>
239 |                   
240 |                 </div>
241 |                 <h4>Mystery is a fiction genre where the nature of an event, usually a murder or other crime, remains mysterious until the end of the story.Often within a closed circle of suspects, each suspect is usually provided with a credible motive and a reasonable opportunity for committing the crime. </h4>
242 |     
243 |                </div>
244 |     
245 |               <div class="col-lg-8">
246 |                 <img src="assets/img/my.jpeg" alt="" class="img-fluid services-img">
247 |                 <h3>Some Of The Kdramas Till 2023</h3>
248 |                 <p>
249 |                   1.The Cleansing Hour</p>
250 |                   <p>
251 |     
252 |                   2.Save Me</p>
253 |                   <p>
254 |     
255 |                   3.Connect</p>
256 |     
257 |                   <p>4.Mouse</p>
258 |     
259 |                   <p>5.The Myth</p>
260 |     
261 |                   <p>6. School 2023</p>
262 |                   
263 |                   <p>7. All Of Us Are Dead</p>
264 |                   
265 |                   <p>8.My Name</p>
266 |                   
267 |                  <p> 9.Law School</p>
268 |                   
269 |                   <p>Memorior Of Murder</p>
270 |                   
271 |                  
272 |                 
273 |                 
274 |               </div>
275 |     
276 |             </div>
277 |     
278 |           </div>
279 |          
280 |             <!-- ======= Service Details Section ======= -->
281 | 
282 |             <section id="service-details" class="service-details">
283 |               <div class="container" data-aos="fade-up">
284 |         
285 |                 <div class="row gy-4">
286 |         
287 |                   <div class="col-lg-4">
288 |                     <div class="services-list">
289 |                       <a href="#" class="active">MELODRAMA</a>
290 |                       <a href="#">About</a>
291 |                       <a href="#">Kdramas</a>
292 |                       
293 |                     </div>
294 |                     <h4>A modern melodrama is a dramatic work in which the plot, typically sensationalized and for a strong emotional appeal, takes precedence over detailed characterization. Melodramas typically concentrate on dialogue that is often bombastic or excessively sentimental, rather than action. Characters are often flat, and written to fulfill stereotypes. </h4>
295 |         
296 |                     </div>
297 |         
298 |                   <div class="col-lg-8">
299 |                     <img src="assets/img/melo.jpeg" alt="" class="img-fluid services-img">
300 |                     <h3>Some Of The Kdramas Till 2023</h3>
301 |                     <p>
302 |                       1.The Heirs</p>
303 |                       <p>
304 |         
305 |                       2.Secret Garden</p>
306 |                       <p>
307 |         
308 |                       3.The World Of Maried</p>
309 |         
310 |                       <p>4.Desendants Of Sun</p>
311 |         
312 |                       <p>5.Uncontrablly Fond</p>
313 |         
314 |                       <p>6.Something In The Rain </p>
315 |                       
316 |                       <p>7.Moon Lovers: Scaralet Heart Ryeo</p>
317 |                       
318 |                       <p>8.Come And Hug Me</p>
319 |                       
320 |                      <p> 9.That Winter,the Wind Blows</p>
321 |                       
322 |                       <p>10.Hotel del Luna</p>
323 |                       
324 |                       <p> 11.Goblin</p>
325 |                       
326 |                       <p> 12.Love Rain</p>
327 |                       
328 |                       <p>13.My Mister</p>
329 |                       
330 |                       <p> 14.Mr.Sunshine</p>
331 |                       
332 |                       <p> 15.I'm Soory,I Love You</p>
333 |                       
334 |                       <p>16.Woman Of Dignity</p>
335 |                       
336 |                       
337 |                     
338 |                   </div>
339 |         
340 |                 </div>
341 |         
342 |               </div>
343 |               <!-- ======= Service Details Section ======= -->
344 |               <section id="service-details" class="service-details">
345 |                 <div class="container" data-aos="fade-up">
346 |           
347 |                   <div class="row gy-4">
348 |           
349 |                     <div class="col-lg-4">
350 |                       <div class="services-list">
351 |                         <a href="#" class="active">FANTASY</a>
352 |                         <a href="#">About</a>
353 |                         <a href="#">Kdramas</a>
354 |                         
355 |                       </div>
356 |           
357 |                       <h4>In North Korea, South Korean historical dramas are generally called 고전 영화 (Hanja: 古典 映畫, RR: Gojeon Yeonghwa) or classic film. The first known historical film, The Story of Chun-hyang filmed in 1923</h4>
358 |                       </div>
359 |           
360 |                     <div class="col-lg-8">
361 |                       <img src="assets/img/fa.jpeg" alt="" class="img-fluid services-img">
362 |                       <h3>Some Of The Kdramas Till 2023</h3>
363 |                       <p>
364 |                         1.Goblin</p>
365 |                         <p>
366 |           
367 |                         2.My Love From The Star</p>
368 |                         <p>
369 |           
370 |                         3.Hotel Del Luna</p>
371 |           
372 |                         <p>4.The King: External Monarch</p>
373 |           
374 |                         <p>5.W: Two Worlds</p>
375 |           
376 |                         <p>6.Tale Of the Nine Tailed</p>
377 |                         
378 |                         <p>7.My Girlfreind is Guiho</p>
379 |                         
380 |                         <p>8.The Master's Sun</p>
381 |                         
382 |                        <p> 9.While You Were Sleeping</p>
383 |                         
384 |                         <p>10.Doom At Your Service</p>
385 |                         
386 |                         <p> 11.Gu Family Book</p>
387 |                         
388 |                         <p> 12.Memories Of the Alhambra</p>
389 |                         
390 |                         <p>13.MR.Queen</p>
391 |                         
392 |                         <p> 14.Oh My Ghost</p>
393 |                         
394 |                         <p> 15.Secret Gardern</p>
395 |                         
396 |                        
397 |                       
398 |                       
399 |                     </div>
400 |           
401 |                   </div>
402 |           
403 |                 </div>
404 |     </section><!-- End Service Details Section -->
405 | 
406 | 
407 |   </main><!-- End #main -->
408 | 
409 |   <!-- ======= Footer ======= -->
410 |   <footer id="footer" class="footer">
411 | 
412 |     <div class="container">
413 |       <div class="row gy-4">
414 |         <div class="col-lg-5 col-md-12 footer-info">
415 |           <a href="index.html" class="logo d-flex align-items-center">
416 |             <span><K-Deurama></K-Deurama></span>
417 |           </a>
418 |           <p>
419 |             This Webpage Gives You A Clear Vision On Kdramas. You will get to know a  Complete Vision On The Data Analytics On Top 100 Kdramas Of 2023 </p>
420 |           <div class="social-links d-flex mt-4">
421 |             <a href="#" class="twitter"><i class="bi bi-twitter"></i></a>
422 |             <a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
423 |             <a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
424 |             <a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a>
425 |           </div>
426 |         </div>
427 | 
428 |         <div class="col-lg-2 col-6 footer-links">
429 |           <h4>Useful Links</h4>
430 |           <ul>
431 |             <li><a href="#">Home</a></li>
432 |             <li><a href="#">About us</a></li>
433 |             <li><a href="#">Services</a></li>
434 |             <li><a href="#">Terms of service</a></li>
435 |             <li><a href="#">Privacy policy</a></li>
436 |           </ul>
437 |         </div>
438 | 
439 |         <div class="col-lg-2 col-6 footer-links">
440 |           <h4>Our Services</h4>
441 |           <ul>
442 |             <li><a href="#">Web Design</a></li>
443 |             <li><a href="#">Web Development</a></li>
444 |             <li><a href="#">Product Management</a></li>
445 |             <li><a href="#">Marketing</a></li>
446 |             <li><a href="#">Graphic Design</a></li>
447 |           </ul>
448 |         </div>
449 | 
450 |         <div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
451 |           <h4>Contact Us</h4>
452 |           <p>
453 |             <br>
454 |             H7H8+7G4,Palani Road<br>
455 |             Udmalpet, Udp 642128<br>
456 |             United States <br><br>
457 |             <strong>Phone:</strong>04252-223019<br>
458 |             <strong>Email:</strong>gvgprincipal@gmail.com<br>
459 |           </p>
460 | 
461 |         </div>
462 | 
463 |       </div>
464 |     </div>
465 | 
466 |     <div class="container mt-4">
467 |       <div class="copyright">
468 |         &copy; Copyright <strong><span>Logis</span></strong>. All Rights Reserved
469 |       </div>
470 |       <div class="credits">
471 |         <!-- All the links in the footer should remain intact. -->
472 |         <!-- You can delete the links only if you purchased the pro version. -->
473 |         <!-- Licensing information: https://bootstrapmade.com/license/ -->
474 |         <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/logis-bootstrap-logistics-website-template/ -->
475 |         Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
476 |       </div>
477 |     </div>
478 | 
479 |   </footer><!-- End Footer -->
480 |   <!-- End Footer -->
481 | 
482 |   <a href="#" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
483 | 
484 |   <div id="preloader"></div>
485 | 
486 |   <!-- Vendor JS Files -->
487 |   <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
488 |   <script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
489 |   <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
490 |   <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
491 |   <script src="assets/vendor/aos/aos.js"></script>
492 |   <script src="assets/vendor/php-email-form/validate.js"></script>
493 | 
494 |   <!-- Template Main JS File -->
495 |   <script src="assets/js/main.js"></script>
496 | 
497 | </body>
498 | 
499 | </html>


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |   <meta charset="utf-8">
  6 |   <meta content="width=device-width, initial-scale=1.0" name="viewport">
  7 | 
  8 |   <title>Home page</title>
  9 |   <meta content="" name="description">
 10 |   <meta content="" name="keywords">
 11 | 
 12 |   <!-- Favicons -->
 13 |   <link href="assets/img/favicon.png" rel="icon">
 14 |   <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
 15 | 
 16 |   <!-- Google Fonts -->
 17 |   <link rel="preconnect" href="https://fonts.googleapis.com">
 18 |   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 19 |   <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
 20 | 
 21 |   <!-- Vendor CSS Files -->
 22 |   <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 23 |   <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
 24 |   <link href="assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
 25 |   <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
 26 |   <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
 27 |   <link href="assets/vendor/aos/aos.css" rel="stylesheet">
 28 | 
 29 |   <!-- Template Main CSS File -->
 30 |   <link href="assets/css/main.css" rel="stylesheet">
 31 | 
 32 |   <!-- =======================================================
 33 |   * Template Name: Logis
 34 |   * Updated: Aug 30 2023 with Bootstrap v5.3.1
 35 |   * Template URL: https://bootstrapmade.com/logis-bootstrap-logistics-website-template/
 36 |   * Author: BootstrapMade.com
 37 |   * License: https://bootstrapmade.com/license/
 38 |   ======================================================== -->
 39 | </head>
 40 | 
 41 | <body>
 42 | 
 43 |   <!-- ======= Header ======= -->
 44 |   <header id="header" class="header d-flex align-items-center fixed-top">
 45 |     <div class="container-fluid container-xl d-flex align-items-center justify-content-between">
 46 | 
 47 |       <a href="index.html" class="logo d-flex align-items-center">
 48 |         <!-- Uncomment the line below if you also wish to use an image logo -->
 49 |         <!-- <img src="assets/img/logo.png" alt=""> -->
 50 |         <h1>K-Deurama</h1>
 51 |       </a>
 52 | 
 53 |       <i class="mobile-nav-toggle mobile-nav-show bi bi-list"></i>
 54 |       <i class="mobile-nav-toggle mobile-nav-hide d-none bi bi-x"></i>
 55 |       <nav id="navbar" class="navbar">
 56 |         <ul>
 57 |           <li><a href="index.html" class="active">Home</a></li>
 58 |           <li><a href="about.html">About</a></li>
 59 |           <li><a href="services.html">Services</a></li>
 60 |           <li><a href="story.html">Story</a></li>
 61 |           <li><a href="dashboard.html">Dashboard</a></li>
 62 |          
 63 |         </ul>
 64 |       </nav><!-- .navbar -->
 65 |     </div>
 66 |   </header><!-- End Header -->
 67 |   <!-- End Header -->
 68 | 
 69 |   <!-- ======= Hero Section ======= -->
 70 |   <section id="hero" class="hero d-flex align-items-center">
 71 |     <div class="container">
 72 |       <div class="row gy-4 d-flex justify-content-between">
 73 |         <div class="col-lg-6 order-2 order-lg-1 d-flex flex-column justify-content-center">
 74 |           <h2 data-aos="fade-up">All You Need Is A KDrama</h2>
 75 |           <p data-aos="fade-up" data-aos-delay="100"> K- K-Deurama, A Software Web application That gives You The information realated to Kdramas And Their Genre,Popularity, etc</p>
 76 |           
 77 | 
 78 |           <div class="row gy-4" data-aos="fade-up" data-aos-delay="400">
 79 | 
 80 |             <div class="col-lg-3 col-6">
 81 |               <div class="stats-item text-center w-100 h-100">
 82 |                 <span data-purecounter-start="0" data-purecounter-end="100" data-purecounter-duration="1" class="purecounter"></span>
 83 |                 <p>Total NO. Of Dramas</p>
 84 |               </div>
 85 |             </div><!-- End Stats Item -->
 86 | 
 87 |             <div class="col-lg-3 col-6">
 88 |               <div class="stats-item text-center w-100 h-100">
 89 |                 <span data-purecounter-start="0" data-purecounter-end="24" data-purecounter-duration="1" class="purecounter"></span>
 90 |                 <p>Genre</p>
 91 |               </div>
 92 |             </div><!-- End Stats Item -->
 93 | 
 94 |             <div class="col-lg-3 col-6">
 95 |               <div class="stats-item text-center w-100 h-100">
 96 |                 <span data-purecounter-start="0" data-purecounter-end="800" data-purecounter-duration="1" class="purecounter"></span>
 97 |                 <p>No.Of Mainrole</p>
 98 |               </div>
 99 |             </div><!-- End Stats Item -->
100 | 
101 |             <div class="col-lg-3 col-6">
102 |               <div class="stats-item text-center w-100 h-100">
103 |                 <span data-purecounter-start="0" data-purecounter-end="284124" data-purecounter-duration="1" class="purecounter"></span>
104 |                 <p>Watchers</p>
105 |               </div>
106 |             </div><!-- End Stats Item -->
107 | 
108 |           </div>
109 |         </div>
110 | 
111 |         <div class="col-lg-5 order-1 order-lg-2 hero-img" data-aos="zoom-out">
112 |           <img src="assets/img/drama.k.jpg" class="img-fluid mb-3 mb-lg-0" alt="">
113 |         </div>
114 | 
115 |       </div>
116 |     </div>
117 |   </section><!-- End Hero Section -->
118 | 
119 |   <main id="main">
120 | 
121 |     
122 | 
123 |     <!-- ======= About Us Section ======= -->
124 |     <section id="about" class="about pt-0">
125 |       <div class="container" data-aos="fade-up">
126 | 
127 |         <div class="row gy-4">
128 |           <div class="col-lg-6 position-relative align-self-start order-lg-last order-first">
129 |             <img src="assets/img/ja.jpeg" class="img-fluid" alt="">
130 |           </div>
131 |           <div class="col-lg-6 content order-last  order-lg-first">
132 |             <h3>About Us</h3>
133 |             <p>
134 |               Data analytics is the collection, transformation, and organization of data in order to draw conclusions, make predictions, and drive informed decision making. Data analytics is often confused with data analysis. While these are related terms, they aren't exactly the same.
135 |             </p>
136 |             <ul>
137 |               <li data-aos="fade-up" data-aos-delay="100">
138 |                 <i class="bi bi-diagram-3"></i>
139 |                 <div>
140 |                   <h5> KDrama is all About?</h5>
141 |                   <p> While most Kdramas contain romantic elements and deep emotional themes, some may also contain a tragedy or slice of life theme. There are various styles and tones.</p>
142 |                 </div>
143 |               </li>
144 |               <li data-aos="fade-up" data-aos-delay="200">
145 |                 <i class="bi bi-fullscreen-exit"></i>
146 |                 <div>
147 |                   <h5>Use Of Cognos</h5>
148 |                   <p> Using cognos we can obtain a Visualized Dataset Representation</p>
149 |                 </div>
150 |               </li>
151 |               <li data-aos="fade-up" data-aos-delay="300">
152 |                 <i class="bi bi-broadcast"></i>
153 |                 <div>
154 |                   <h5>Main Aspects Of Kdrama</h5>
155 |                   <p>Their Popularity,Score,Rank Based On The Surveys Across Worldwide</p>
156 |                 </div>
157 |               </li>
158 |             </ul>
159 |           </div>
160 |         </div>
161 | 
162 |       </div>
163 |     </section><!-- End About Us Section -->
164 | 
165 |     Services Section ======= -->
166 |     <section id="service" class="services pt-0">
167 |       <div class="container" data-aos="fade-up">
168 | 
169 |         <div class="section-header">
170 |           <span>Top Kdramas</span>
171 |           <h2>GENRE</h2>
172 | 
173 |         </div>
174 | 
175 |         <div class="row gy-4">
176 | 
177 |           <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100">
178 |             <div class="card">
179 |               <div class="card-img">
180 |                 <img src="assets/img/her.jpeg" alt="" class="img-fluid">
181 |               </div>
182 |               <h3><a href="service-details.html" class="stretched-link">Historical Dramas</a></h3>
183 |               <p>A historical drama (also period drama, costume drama, and period piece) is a work set in a past time period, usually used in the context of film and television. Historical drama includes historical fiction and romances, adventure films, and swashbucklers. A period piece may be set in a vague or general era such as the Middle Ages or a specific period such as the Roaring Twenties.</p>
184 |               
185 |             </div>
186 |           </div><!-- End Card Item -->
187 | 
188 |           <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
189 |             <div class="card">
190 |               <div class="card-img">
191 |                 <img src="assets/img/th.jpeg" alt="" class="img-fluid">
192 |               </div>
193 |               <h3><a href="service-details.html" class="stretched-link">Thriller</a></h3>
194 |               <p>
195 |                 Thriller film, also known as suspense film or suspense thriller, is a broad film genre thatevokes excitement and suspense in the audience. The suspense element found in most films' plots is particularly exploited by the filmmaker in this genre</p>
196 |             </div>
197 |           </div><!-- End Card Item -->
198 | 
199 |           <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="300">
200 |             <div class="card">
201 |               <div class="card-img">
202 |                 <img src="assets/img/mo.jpeg" alt="" class="img-fluid">
203 |               </div>
204 |               <h3><a href="service-details.html" class="stretched-link">Mystery</a></h3>
205 |               <p>
206 |                 Mystery is a fiction genre where the nature of an event, usually a murder or other crime, remains mysterious until the end of the story. Often within a closed circle of suspects, each suspect is usually provided with a credible motive and a reasonable opportunity for committing the crime.</p>
207 |             </div>
208 |           </div><!-- End Card Item -->
209 | 
210 |           <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="400">
211 |             <div class="card">
212 |               <div class="card-img">
213 |                 <img src="assets/img/ex.jpeg" alt="" class="img-fluid">
214 |               </div>
215 |               <h3><a href="service-details.html" class="stretched-link">High School Romance</a></h3>
216 |               <p>These shows offer a glimpse into the lives of teenagers on the cusp of adulthood as they navigate high school, first loves, friendships, and other teenage experiences. With captivating storylines and charismatic actors, high school K-dramas have become a genre of their own, always leaving viewers wanting more.</p>
217 |              </div>
218 |           </div><!-- End Card Item -->
219 | 
220 |           <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="500">
221 |             <div class="card">
222 |               <div class="card-img">
223 |                 <img src="assets/img/rep.jpeg" alt="" class="img-fluid">
224 |               </div>
225 |               <h3><a href="service-details.html" class="stretched-link">MeloDrama</a></h3>
226 |               <p>A melodrama is a story or play in which there are a lot of exciting or sad events and in which people's emotions are very exaggerated.</p>
227 |             </div>
228 |           </div><!-- End Card Item -->
229 | 
230 |           <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="600">
231 |             <div class="card">
232 |               <div class="card-img">
233 |                 <img src="assets/img/gi.jpeg" alt="" class="img-fluid">
234 |               </div>
235 |               <h3><a href="service-details.html" class="stretched-link">Fantasy</a></h3>
236 |               <p>Fantasy films are films that belong to the fantasy genre with fantastic themes, usually magic, supernatural events, mythology, folklore, or exotic fantasy worlds. The genre is considered a form of speculative fiction alongside science fiction films and horror films, although the genres do overlap.</p>
237 |           </div><!-- End Card Item -->
238 | 
239 |         </div>
240 | 
241 |       </div>
242 |     </section><!-- End Services Section -->
243 | 
244 |             
245 | 
246 |     <!-- ======= Features Section ======= -->
247 |     <section id="features" class="features">
248 |       <div class="container">
249 | 
250 |         <div class="row gy-4 align-items-center features-item" data-aos="fade-up">
251 | 
252 |           <div class="col-md-5">
253 |             <img src="assets/img/move.jpeg" class="img-fluid" alt="">
254 |           </div>
255 |           <div class="col-md-7">
256 |             <h3>Move To Heaven(2021)</h3>
257 |             <p class="fst-italic">
258 |               Geu-ru (Tang Jun-sang), who has Asperger syndrome, and his ex-convict uncle Sang-gu (Lee Je-hoon) meet for the first time after the sudden death of Geu-ru's father. Entrusted as Geu-ru's guardian, Sang-gu joins his nephew to help run the family trauma cleaning company "Move to Heaven", where in the course of business they uncover untold stories about the deceased while Sang-gu tries to deal with his painful past with Geu-ru's father as well as the traumatic incident that landed him in jail.
259 |             </p>
260 |             <ul>
261 |               <li><i class="bi bi-check"></i>Placed 8 th Rank from All the KDrams</li>
262 |               <li><i class="bi bi-check"></i> Scored 9.2/10.</li>
263 |               <li><i class="bi bi-check"></i>Lee Je Hoon, Tang Jun Sang, Hong Seung Hee</li>
264 |             </ul>
265 |           </div>
266 |         </div><!-- Features Item -->
267 | 
268 |         <div class="row gy-4 align-items-center features-item" data-aos="fade-up">
269 |           <div class="col-md-5 order-1 order-md-2">
270 |             <img src="assets/img/weak.jpeg" class="img-fluid" alt="">
271 |           </div>
272 |           <div class="col-md-7 order-2 order-md-1">
273 |             <h3>Weak Hero Class 1 </h3>
274 |             <p class="fst-italic">
275 |               Yeon Si-eun (Park Ji-hoon) is among the top 1% of students in his class and is not interested in anything except studying. Though he is physically weak, he does not back down from the bullies in his classroom led by Jeon Yeong-bin (Kim Su-gyeom)</p>
276 |             </p>
277 |             <ul>
278 |               <li><i class="bi bi-check"></i>Placed 12 Rank from All the KDrams</li>
279 |               <li><i class="bi bi-check"></i> Scored 9.1/10.</li>
280 |               <li><i class="bi bi-check"></i> Lee Je Hoon, Tang Jun Sang, Hong Seung Hee</li>
281 |             </ul>
282 |             
283 |           </div>
284 |         </div><!-- Features Item -->
285 | 
286 |         <div class="row gy-4 align-items-center features-item" data-aos="fade-up">
287 |           <div class="col-md-5">
288 |             <img src="assets/img/hospital.jpeg" class="img-fluid" alt="">
289 |           </div>
290 |           <div class="col-md-7">
291 |             <h3>Hospital Playlist 2</h3>
292 |             <p>
293 |               <ul>
294 |                 In its second season, the story of five friends and doctors continues. Together, they navigate the daily ups and downs of being doctors. They experience hardships, new loves, losses, and heartbreaks both within the hospital and in their personal lives.</p>
295 |             <ul>
296 |               <li><i class="bi bi-check"></i> Placed Rank 12 from  all kdrams</li>
297 |               <li><i class="bi bi-check"></i> Scored 9.1/10</li>
298 |               <li><i class="bi bi-check"></i>Jo Jung Suk, Jung Kyung Ho, Jeon Mi Do, Yoo Yeon Seok, Kim Dae Myung</li>
299 |             </ul>
300 |           </div>
301 |         </div><!-- Features Item -->
302 | 
303 |         <div class="row gy-4 align-items-center features-item" data-aos="fade-up">
304 |           <div class="col-md-5 order-1 order-md-2">
305 |             <img src="assets/img/flo.jpeg" class="img-fluid" alt="">
306 |           </div>
307 |           <div class="col-md-7 order-2 order-md-1">
308 |             <h3>Flowers Of Evil</h3>
309 |             <p class="fst-italic">
310 |               Baek Hee-sung (Lee Joon-gi) is a man who hides his identity and past from his wife Cha Ji-won (Moon Chae-won), a detective. On the surface, they appear to be the perfect family: A loving couple with a beautiful six-year-old daughter who adores her parents.</p>
311 |             <p>
312 |               <ul>
313 |                 <li><i class="bi bi-check"></i> Placed Ranked 16 from  all kdrams </li>
314 |                 <li><i class="bi bi-check"></i> Scored 9.1/100</li>
315 |                 <li><i class="bi bi-check"></i>Lee Joon Gi, Jang Hee Jin, Moon Chae Won, Seo Hyun Woo</li>
316 |             
317 |             </p>
318 |           </div>
319 |         </div><!-- Features Item -->
320 | 
321 |       </div>
322 |     </section><!-- End Features Section -->
323 | 
324 |     
325 | 
326 |    
327 | 
328 |    
329 | 
330 |     
331 |   </main><!-- End #main -->
332 | 
333 |   <!-- ======= Footer ======= -->
334 |   <footer id="footer" class="footer">
335 | 
336 |     <div class="container">
337 |       <div class="row gy-4">
338 |         <div class="col-lg-5 col-md-12 footer-info">
339 |           <a href="index.html" class="logo d-flex align-items-center">
340 |             <span>K-Deurema</span>
341 |           </a>
342 |           <p>This Webpage Gives You A Clear Vision On Kdramas. You will get to know a  Complete Vision On The Data Analytics On Top 100 Kdramas Of 2023 </p>
343 |           <div class="social-links d-flex mt-4">
344 |             <a href="#" class="twitter"><i class="bi bi-twitter"></i></a>
345 |             <a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
346 |             <a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
347 |             <a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a>
348 |           </div>
349 |         </div>
350 | 
351 |         <div class="col-lg-2 col-6 footer-links">
352 |           <h4>Useful Links</h4>
353 |           <ul>
354 |             <li><a href="#">Home</a></li>
355 |             <li><a href="#">About us</a></li>
356 |             <li><a href="#">Services</a></li>
357 |             <li><a href="#">Terms of service</a></li>
358 |             <li><a href="#">Privacy policy</a></li>
359 |           </ul>
360 |         </div>
361 | 
362 |         <div class="col-lg-2 col-6 footer-links">
363 |           <h4>Our Services</h4>
364 |           <ul>
365 |             <li><a href="#">Web Design</a></li>
366 |             <li><a href="#">Web Development</a></li>
367 |             <li><a href="#">Product Management</a></li>
368 |             <li><a href="#">Marketing</a></li>
369 |             <li><a href="#">Graphic Design</a></li>
370 |           </ul>
371 |         </div>
372 |         <div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
373 |           <h4>Contact Us</h4>
374 |           <p>
375 |             <br>
376 |             H7H8+7G4,Palani Road<br>
377 |             Udmalpet, Udp 642128<br>
378 |             <strong>Phone:</strong>04252-223019<br>
379 |             <strong>Email:</strong>gvgprincipal@gmail.com<br>
380 |           </p>
381 |         </div>
382 |       </div>
383 |     </div>
384 | 
385 |     <div class="container mt-4">
386 |       <div class="copyright">
387 |         &copy; Copyright <strong><span>Logis</span></strong>. All Rights Reserved
388 |       </div>
389 |       <div class="credits">
390 |         <!-- All the links in the footer should remain intact. -->
391 |         <!-- You can delete the links only if you purchased the pro version. -->
392 |         <!-- Licensing information: https://bootstrapmade.com/license/ -->
393 |         <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/logis-bootstrap-logistics-website-template/ -->
394 |         Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
395 |       </div>
396 |     </div>
397 | 
398 |   </footer><!-- End Footer -->
399 |   <!-- End Footer -->
400 | 
401 |   <a href="#" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
402 | 
403 |   <div id="preloader"></div>
404 | 
405 |   <!-- Vendor JS Files -->
406 |   <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
407 |   <script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
408 |   <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
409 |   <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
410 |   <script src="assets/vendor/aos/aos.js"></script>
411 |   <script src="assets/vendor/php-email-form/validate.js"></script>
412 | 
413 |   <!-- Template Main JS File -->
414 |   <script src="assets/js/main.js"></script>
415 | 
416 | </body>
417 | 
418 | </html>


--------------------------------------------------------------------------------