Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Logistica - Shipping Company Website Template</title> | |
| <meta content="width=device-width, initial-scale=1.0" name="viewport"> | |
| <meta content="" name="keywords"> | |
| <meta content="" name="description"> | |
| <!-- Favicon --> | |
| <link href="img/favicon.ico" rel="icon"> | |
| <!-- Google Web Fonts --> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Roboto:wght@500;700&display=swap" rel="stylesheet"> | |
| <!-- Icon Font Stylesheet --> | |
| <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet"> | |
| <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet"> | |
| <!-- Libraries Stylesheet --> | |
| <link href="{{ url_for('static', filename='lib/animate/animate.min.css') }}" rel="stylesheet"> | |
| <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet"> | |
| <!-- Customized Bootstrap Stylesheet --> | |
| <link href="{{ url_for('static', filename='css/bootstrap.min.css') }}" rel="stylesheet"> | |
| <!-- Template Stylesheet --> | |
| <link href="{{ url_for('static', filename='css/style.css') }}" rel="stylesheet"> | |
| </head> | |
| <body> | |
| <!-- Spinner Start --> | |
| <div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center"> | |
| <div class="spinner-grow text-primary" style="width: 3rem; height: 3rem;" role="status"> | |
| <span class="sr-only">Loading...</span> | |
| </div> | |
| </div> | |
| <!-- Spinner End --> | |
| <!-- Navbar Start --> | |
| <nav class="navbar navbar-expand-lg bg-white navbar-light shadow border-top border-5 border-primary sticky-top p-0"> | |
| <a href="{{ url_for('index') }}" class="navbar-brand bg-primary d-flex align-items-center px-4 px-lg-5"> | |
| <img src="{{ url_for('static', filename='img/a.png') }}" alt="Your Company Logo" width="60px" height="60px" padding-right: 15px> <h2 class="mb-2 text-white">SHIP CLASSIFICATION</h2> | |
| </a> | |
| <button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"> | |
| <span class="navbar-toggler-icon"></span> | |
| </button> | |
| <div class="collapse navbar-collapse" id="navbarCollapse"> | |
| <div class="navbar-nav ms-auto p-4 p-lg-0"> | |
| <a href="{{ url_for('index') }}" class="nav-item nav-link active">Home</a> | |
| <a href="{{ url_for('about') }}" class="nav-item nav-link">About</a> | |
| <a href="{{ url_for('service') }}" class="nav-item nav-link">Services</a> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Navbar End --> | |
| <!-- Carousel Start --> | |
| <div class="container-fluid p-0 pb-5"> | |
| <div class="owl-carousel header-carousel position-relative mb-5"> | |
| <div class="owl-carousel-item position-relative"> | |
| <img class="img-fluid" src="{{ url_for('static', filename='img/wallpaperflare.com_wallpaper.jpg') }}" alt=""> | |
| <div class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center" style="background: rgba(6, 3, 21, .5);"> | |
| <div class="container fadeInUp"> | |
| <div class="row justify-content-start "> | |
| <div class="col-10 col-lg-8"> | |
| <h5 class="text-white text-uppercase mb-3 animated slideInDown">Team-738165</h5> | |
| <h1 class="display-3 text-white animated slideInDown mb-4">Shipping <span class="text-primary">Classification</span></h1> | |
| <p class="fs-5 fw-medium text-white mb-4 pb-2">The purpose of ship classification is to identify various types of ships as accurately as possible, which is of great significance for monitoring the rights and interests of maritime traffic and improving coastal defense early warnings. The images in the data belong to 10 categories of ships - Aircraft Carrier, Bulkers, Car Carrier, Container Ship, Cruise, DDG, Recreational, Sailboat, Submarine, and Tug</p> | |
| <a href="{{ url_for('about') }}" class="btn btn-primary py-md-3 px-md-5 me-3 animated slideInLeft">Read More</a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Carousel End --> | |
| <!-- Team Start --> | |
| <div class="container-xxl py-5"> | |
| <div class="container py-5"> | |
| <div class="text-center wow fadeInUp" data-wow-delay="0.1s"> | |
| <h6 class="text-secondary text-uppercase">Our Team</h6> | |
| <h1 class="mb-5">Team Members</h1> | |
| </div> | |
| <div class="row g-4"> | |
| <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.3s"> | |
| <div class="team-item p-4"> | |
| <div class="overflow-hidden mb-4"> | |
| <img class="img-fluid" src="{{ url_for('static', filename='img/Firefly 20240425142318.png') }}" alt=""> | |
| </div> | |
| <h5 class="mb-0">Rahul Veggilam</h5> | |
| <p>Team Leader</p> | |
| <div class="btn-slide mt-1"> | |
| <i class="fa fa-share"></i> | |
| <span> | |
| <a href="https://in.linkedin.com/in/rahul-veggilam-68522a260" target="_blank" rel="noopener noreferrer"><i class="fab fa-linkedin"></i></a> | |
| <a href="https://www.instagram.com/rahul_veggilam_5?igsh=ZGVmeXZtMmkzdGYz" target="_blank" rel="noopener noreferrer"><i class="fab fa-instagram"></i></a> | |
| <a href="https://github.com/RahulV-31" target="_blank" rel="noopener noreferrer"><i class="fab fa-github"></i></a> | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.5s"> | |
| <div class="team-item p-4"> | |
| <div class="overflow-hidden mb-4"> | |
| <img class="img-fluid" src="{{ url_for('static', filename='img/aron.png') }}" alt=""> | |
| </div> | |
| <h5 class="mb-0">Aryan Mithbawkar</h5> | |
| <p>Team Member</p> | |
| <div class="btn-slide mt-1"> | |
| <i class="fa fa-share"></i> | |
| <span> | |
| <a href="https://www.linkedin.com/in/aryanmithbawkar/" target="_blank" rel="noopener noreferrer"><i class="fab fa-linkedin"></i></a> | |
| <a href="https://www.instagram.com/aron_wolverine?utm_source=qr&igsh=dWp3cXE0MGY3eGJs" target="_blank" rel="noopener noreferrer"><i class="fab fa-instagram"></i></a> | |
| <a href="https://github.com/AryanMithbawkar" target="_blank" rel="noopener noreferrer"><i class="fab fa-github"></i></a> | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.7s"> | |
| <div class="team-item p-4"> | |
| <div class="overflow-hidden mb-4"> | |
| <img class="img-fluid" src="{{ url_for('static', filename='img/Firefly 20240425202406.png') }}" alt=""> | |
| </div> | |
| <h5 class="mb-0">Lukman Nagman Bharmal</h5> | |
| <p>Team Member</p> | |
| <div class="btn-slide mt-1"> | |
| <i class="fa fa-share"></i> | |
| <span> | |
| <a href="https://www.linkedin.com/in/lukman-bharmal-477397219/" target="_blank" rel="noopener noreferrer"><i class="fab fa-linkedin"></i></a> | |
| <a href="https://www.instagram.com/lukmanbharmal?utm_source=qr" target="_blank" rel="noopener noreferrer"><i class="fab fa-instagram"></i></a> | |
| <a href="https://github.com/Lukman143786" target="_blank" rel="noopener noreferrer"><i class="fab fa-github"></i></a> | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.9s"> | |
| <div class="team-item p-4"> | |
| <div class="overflow-hidden mb-4"> | |
| <img class="img-fluid" src="{{ url_for('static', filename='img/Firefly 20240425185027.png') }}" alt=""> | |
| </div> | |
| <h5 class="mb-0">Aditya Shirke</h5> | |
| <p>Team Member</p> | |
| <div class="btn-slide mt-1"> | |
| <i class="fa fa-share"></i> | |
| <span> | |
| <a href="https://www.linkedin.com/in/aditya-shirke-848987299/" target="_blank" rel="noopener noreferrer"><i class="fab fa-linkedin"></i></a> | |
| <a href="https://github.com/Adityashirke210"><i class="fab fa-github" target="_blank" rel="noopener noreferrer"></i></a> | |
| <a href="https://www.instagram.com/adityashirke_10?igsh=djlmcngydWk0MmN5" target="_blank" rel="noopener noreferrer"><i class="fab fa-instagram"></i></a> | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Team End --> | |
| <!-- Back to Top --> | |
| <!-- Back to Top --> | |
| <a href="#" class="btn btn-lg btn-primary btn-lg-square rounded-0 back-to-top"><i class="bi bi-arrow-up"></i></a> | |
| <!-- JavaScript Libraries --> | |
| <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script> | |
| <script src="{{ url_for('static', filename='lib/wow/wow.min.js') }}"></script> | |
| <script src="{{ url_for('static', filename='lib/easing/easing.min.js') }}"></script> | |
| <script src="{{ url_for('static', filename='lib/waypoints/waypoints.min.js') }}"></script> | |
| <script src="{{ url_for('static', filename='lib/counterup/counterup.min.js') }}"></script> | |
| <script src="lib/owlcarousel/owl.carousel.min.js"></script> | |
| <!-- Template Javascript --> | |
| <script src="{{ url_for('static', filename='js/main.js') }}"></script> | |
| </body> | |
| </html> |