Spaces:
Sleeping
Sleeping
File size: 12,384 Bytes
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 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 | <!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="{{ url_for('static', filename='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">Home</a>
<a href="{{ url_for('about') }}" class="nav-item nav-link active">About</a>
<a href="{{ url_for('service') }}" class="nav-item nav-link">Services</a>
</div>
</div>
</nav>
<!-- Navbar End -->
<!-- Page Header Start -->
<div class="container-fluid page-header py-5" style="margin-bottom: 1rem;">
<div class="container py-5">
<h1 class="display-3 text-white mb-3 animated slideInDown">About Us</h1>
<nav aria-label="breadcrumb animated slideInDown">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a class="text-white" href="{{ url_for('index') }}">Home</a></li>
<li class="breadcrumb-item text-white active" aria-current="page">About</li>
</ol>
</nav>
</div>
</div>
<!-- Page Header End -->
<!-- About Start -->
<div class="container py-5 align-items-center">
<div class="container py-5">
<div class=" g-5 mx-lg-0" >
<div class="container py-5" data-wow-delay="0.1s fadeInUp">
<div class="position-relative h-100">
<h6 class="text-secondary text-uppercase mb-3 align-items-center">About Us</h6>
<h3>The objective of this project is to develop a ship classification system utilizing deep learning techniques, specifically Convolutional Neural Networks (CNNs), to accurately classify images of ships into one of five categories: Cargo, Carrier, Military, Cruise, and Tankers. By leveraging the power of neural networks, the system aims to enhance maritime traffic monitoring, safeguard coastal defense, and streamline early warning systems.</h1>
<h5>The scope of the project involves preprocessing a dataset containing ship images and dividing them into categories using a provided train.csv file. The project utilizes the VGG16 model, a pre-trained deep learning model known for its effectiveness in computer vision tasks. The top layer of the VGG16 model will be adapted for custom ship classification. Deployment of the model will be facilitated using the Flask framework, enabling seamless integration into existing systems or standalone applications.</h3>
</div>
</div>
<section class="container1 container py-5">
<div class="card">
<div class="image">
<img src="{{ url_for('static', filename='img/Aircraft Carrier_185.jpeg') }}" alt="img1">
</div>
<div>
<h2>Aircraft Carrier</h2>
<p>Floating airbases, dominating the seas with their sheer size and capability to project air power anywhere in the world.
</p>
</div></div>
<div class="card">
<div class="image">
<img src="{{ url_for('static', filename='img/Bulkers_1.jpeg') }}" alt="img2">
</div>
<div>
<h2>Bulker</h2>
<p>Giants of cargo transport, efficiently ferrying massive quantities of raw materials like coal, grains, and ore across oceans.
</p>
</div></div>
<div class="card">
<div class="image">
<img src="{{ url_for('static', filename='img/Car Carrier_1717.jpeg') }}" alt="img3">
</div>
<div>
<h2>Car Carrier</h2>
<p>Ocean highways for automobiles, transporting cars across the globe with precision and efficiency.
</p>
</div></div>
<div class="card">
<div class="image">
<img src="{{ url_for('static', filename='img/Container Ship_60.jpeg') }}" alt="img4">
</div>
<div>
<h2>Container Carrier</h2>
<p>Lifelines of global trade, seamlessly transporting standardized containers packed with goods across vast maritime routes.
</p>
</div></div>
<div class="card">
<div class="image">
<img src="{{ url_for('static', filename='img/Cruise_67.jpeg') }}" alt="img5">
</div>
<div>
<h2>Cruise</h2>
<p>Floating resorts, offering passengers luxurious escapes with a myriad of amenities and activities as they sail to exotic destinations.
</p>
</div></div>
<div class="card">
<div class="image">
<img src="{{ url_for('static', filename='img/DDG_57.jpeg') }}" alt="img6">
</div>
<div>
<h2>DDG</h2>
<p>(Guided Missile Destroyer) Guardians of the fleet, armed with advanced weaponry and cutting-edge technology, ready to defend against any threat at sea.
</p>
</div></div>
<div class="card">
<div class="image">
<img src="{{ url_for('static', filename='img/Recreational_670.jpeg') }}" alt="img7">
</div>
<div>
<h2>Recreational boat</h2>
<p>Gateways to leisure, providing endless opportunities for relaxation and adventure on the water.
</p>
</div></div>
<div class="card">
<div class="image">
<img src="{{ url_for('static', filename='img/Sailboat_533.jpeg') }}" alt="img8">
</div>
<div>
<h2>Sailboat</h2>
<p>Harnessing the wind's power, these vessels epitomize the freedom of sailing and the joy of exploration.
</p>
</div></div>
<div class="card">
<div class="image">
<img src="{{ url_for('static', filename='img/Submarine_344.jpeg') }}" alt="img9">
</div>
<div>
<h2>Submarine</h2>
<p>Silent sentinels of the deep, prowling beneath the waves with stealth and precision, executing missions with unparalleled secrecy.
</p>
</div></div>
<div class="card">
<div class="image">
<img src="{{ url_for('static', filename='img/Tug_1024.jpeg') }}" alt="img10">
</div>
<div>
<h2>Tug</h2>
<p>Silent sentinels of the deep, prowling beneath the waves with stealth and precision, executing missions with unparalleled secrecy.
</p>
</div></div>
</section>
</div>
<div class="button-container" style="margin-top: 2rem;">
<center>
<a href="{{ url_for('service') }}" class="btn btn-primary py-md-3 px-md-5 me-3 ">Use Service</a>
</center>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Start -->
<div class="container-fluid bg-dark text-light footer pt-5 wow fadeIn " data-wow-delay="0.1s" style="margin-top: 6rem;">
<a href="#" class="btn btn-lg btn-primary btn-lg-square rounded-0 back-to-top"><i class="bi bi-arrow-up"></i></a>
</div>
<!-- Footer End -->
<!-- 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="{{ url_for('static', filename='lib/owlcarousel/owl.carousel.min.js') }}"></script>
<!-- Template Javascript -->
<script src="{{ url_for('static', filename='js/main.js') }}"></script>
</body>
</html> |