Spaces:
Sleeping
Sleeping
File size: 10,724 Bytes
fb7733d 40ed229 fb7733d f9f2ef5 fb7733d 42fedad 40ed229 fb7733d c69f6be 40ed229 fb7733d 40ed229 fb7733d | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 | <!DOCTYPE html>
<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> |