Editing: ships.php
Kembali
<!DOCTYPE html> <html> <head> <title>indianseafarers</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <style> body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif} .showmore { font-size: 1.1em; margin-top: 1.5em; } .showmore .more, .showmore.show .dots { display: none } .showmore.show .more { display: inline } .showmore a { cursor: pointer; display: block; margin-top: 0.5em; margin-bottom: 0.5em; font-weight: bold; color:purple; } </style> </head> <body class="w3-light-grey w3-content" style="max-width:1600px"> <!-- Sidebar/menu --> <nav class="w3-sidebar w3-collapse w3-white w3-animate-left" style="z-index:3;width:300px;" id="mySidebar"><br> <div class="w3-container"> <a href="images/header.jpg" onclick="w3_close()" class="w3-hide-large w3-right w3-jumbo w3-padding w3-hover-grey" title="close menu"> <i class="fa fa-remove"></i> </a> <img src="/attach/image1.jpg" style="width:75%; height:70px"; class="w3-round"><br><br> <h4><b>indianseafarers.com</b></h4> <p class="w3-text-grey">Useful links..</p> </div> <div class="w3-bar-block"> <a href="https://www.dgshipping.gov.in/" target="_blank" onclick="w3_close()" class="w3-bar-item w3-button w3-padding w3-text-teal"><i class="fa fa-th-large fa-fw w3-margin-right"></i>DGS</a> <a href="https://www.mmdmumbai.in/" target="_blank" onclick="w3_close()" class="w3-bar-item w3-button w3-padding"><i class="fa fa-user fa-fw w3-margin-right"></i>MMD</a> <a href="https://www.irclass.org/" target="_blank" onclick="w3_close()" class="w3-bar-item w3-button w3-padding"><i class="fa fa-user fa-fw w3-margin-right"></i>IRS</a> <a href="https://www.imo.org/" target="_blank" onclick="w3_close()" class="w3-bar-item w3-button w3-padding"><i class="fa fa-user fa-fw w3-margin-right"></i>IMO</a> <a href="https://www.igpandi.org/" target="_blank" onclick="w3_close()" class="w3-bar-item w3-button w3-padding"><i class="fa fa-user fa-fw w3-margin-right"></i>IG P&I</a> <a href="#contact" onclick="w3_close()" class="w3-bar-item w3-button w3-padding"><i class="fa fa-envelope fa-fw w3-margin-right"></i>CONTACT</a> </div> <div class="w3-panel w3-large"> <i class="fa fa-facebook-official w3-hover-opacity"></i> <i class="fa fa-instagram w3-hover-opacity"></i> <i class="fa fa-snapchat w3-hover-opacity"></i> <i class="fa fa-pinterest-p w3-hover-opacity"></i> <i class="fa fa-twitter w3-hover-opacity"></i> <i class="fa fa-linkedin w3-hover-opacity"></i> </div> </nav> <!-- Overlay effect when opening sidebar on small screens --> <div class="w3-overlay w3-hide-large w3-animate-opacity" onclick="w3_close()" style="cursor:pointer" title="close side menu" id="myOverlay"></div> <!-- !PAGE CONTENT! --> <div class="w3-main" style="margin-left:300px"> <!-- Header --> <header id="portfolio"> <a href="#"><img src="attach/image2_gender.png" style="width:100%; height:50px;" class="w3-circle w3-right w3-margin w3-hide-large w3-hover-opacity"></a> <span class="w3-button w3-hide-large w3-xxlarge w3-hover-text-grey" onclick="w3_open()"><i class="fa fa-bars"></i></span> <div class="w3-container"> <h3><b>Welcome to indianseafarers.com</b></h3> <p class="showmore">This is a personal website created with an intention to help my seafarer brothers to provide information to help them to face the challenges at sea and ashore. <span class="dots">...</span><span class="more">However, users are cautioned to verify the correctness of the information through authentic sources. Since the site is not professionally managed, two-way feedback system may not work. Discussions are limited to marine related matters only especially subjects related to Politics, Religion and Sex are banned in this site...The site is under construction. </span> <a>Show More ...</a></p> <div class="w3-section w3-bottombar w3-padding-16"> <button class="w3-button w3-white"><a href="http://indianseafarers.com/" onclick="w3_close()"><i class="fa fa-diamond w3-margin-right"></i>Home</button> <button class="w3-button w3-white"><a href="http://indianseafarers.com/n_ship.php" onclick="w3_close()"><i class="fa fa-diamond w3-margin-right"></i>Ship</button> <button class="w3-button w3-white"><a href="http://indianseafarers.com/n_seamen.php" onclick="w3_close()"><i class="fa fa-diamond w3-margin-right"></i>Seamen</button> <button class="w3-button w3-white w3-hide-small"><i class="fa fa-photo w3-margin-right"></i>Photos</button> <button class="w3-button w3-white w3-hide-small"><i class="fa fa-map-pin w3-margin-right"></i>Login</button> <button class="w3-button w3-white w3-hide-small"><a href="#contact" onclick="w3_close()"><i class="fa fa-map-pin w3-margin-right"></i>CONTACT</a></button> </div> </div> </header> <!-- First Photo Grid--> <div class="w3-row-padding"> <div class="w3-third w3-container w3-margin-bottom"> <img src="attach/image5_lsa.jpg" alt="seafarer" style="width:100%; height:100px;" class="w3-hover-opacity"> <div class="w3-container w3-white"> <p><b>Approval of LSA Service Station</b></br><a href="https://www.dgshipping.gov.in/writereaddata/ShippingNotices/202001060529565618802DGS_Cir_Eng_060120.pdf"> MS Notice 01 of 2020</br> </a><a href="attach/MSC.402(96).pdf">MSC Resolution 402(96)</a></p> <p class="showmore">Mandatory requirements for authorization of service provider intending to carry out "maintenance, thorough examination,operational testing, overhaul and repair of lifeboats, rescue boats <span class="dots">...</span><span class="more">and fast rescue boats, launching appliances and release gear" as required by Regulation 20.11 of Chapter 3 of SOLAS 74 as amended read with IMO Resolution MSC 402(96).3)</span><a>Show More</a></p> </div> </div> <div class="w3-third w3-container w3-margin-bottom"> <img src="/attach/image6_ffa.jpg" alt="Norway" style="width:100%; height:100px;" class="w3-hover-opacity"> <div class="w3-container w3-white"> <p><b>Inspection of FFA Equipments</b></br><a href="https://www.dgshipping.gov.in/writereaddata/ShippingNotices/202201280323272052344eng_Cir_06of2013.pdf">DGS Eng. Cir.6 of 2013</a></br><a href="https://www.dgshipping.gov.in/writereaddata/ShippingNotices/202201280239228032396DGSEngineeringCircular1of2022.pdf">DGS Eng. Cir. 01 of 2022</a> </p> <p class="showmore">Comprehensive procedural guideline for the approval of service station and maintenance of all categories of fire protection, detection and extinction equipment used on merchant ships. <span class="dots">...</span><span class="more">In case of fixed carbon dioxide systems, the comprehensive instructions provided in the Guidelines for the maintenance and inspections of fixed carbon dioxide fire-extinguishing systems (MSC.1/Circ.1318), and, for Portable or Semi-portable fire extinguishers, the Improved Guidelines for marine portable fire extinguishers (Resolution A.951 (23)) shall be additionally referred, the salient extracts of which are provided under paragraphs 6 and 7 of this Circular.</span> <a>Show More</a></p> </div> </div> <div class="w3-third w3-container"> <img src="/attach/image4_container.jpg" alt="Norway" style="width:100%; height:100px;" class="w3-hover-opacity"> <div class="w3-container w3-white"> <p><b>Certification of Containers</b></br><a href="https://www.dgshipping.gov.in/writereaddata/ShippingNotices/202206210316352485019DGSOrderNo18of2022.pdf">DGS Order 18 of 2022</a><br><a href="https://www.dgshipping.gov.in/writereaddata/ShippingNotices/202301200729152250975AddendumtoDGSOrder20of2022.PDF">Add.to DGS Order 20 of 2022</a></p> <p class="showmore">IMO adopted for Safe Containers (CSC 1972) to achieve following two goals:1) High level of safety to human life 2) Uniform international safety regulations. Article IV of the CSC <span class="dots">...</span><span class="more">Convention permits an Administration to entrust testing, inspection and approval to an organization. DGS Order No. 13 of 2022 had permitted joint certrfication of Containers as per CSC Convention '1972 by lRS along with any other Recognized Organization (RO). Directorate in partial modification to Paragraphs 5 & 6 of permits any Recognized Organization (RO) authorised by the GOl to inspect and certify Containers manufactured in lndia as per CSC Convention 1972 and IMO guidelines </span> <a>Show More</a></p> </div> </div> </div> <!-- Second Photo Grid--> <div class="w3-row-padding"> <div class="w3-third w3-container w3-margin-bottom"> <img src="/attach/image1.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity"> <div class="w3-container w3-white"> <p><b>Cefriffcation of lndian Navv Personnet </b></p> <p class="showmore">Praesent tincidunt sed tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam <span class="dots">...</span><span class="more">non fringilla.This is a personal website created with an intention to help my seafarer brothers to provide information to help them to face the challenges at sea and ashore. However, users are cautioned to verify the correctness of the information through authentic sources. Since the site is not professionally managed, two-way feedback system may not work. Discussions are limited to marine related matters only especially subjects related to Politics, Religion and Sex are banned in this site...The site is under construction.</span> <a>Show More</a></p> </div> </div> <div class="w3-third w3-container w3-margin-bottom"> <img src="/w3images/p2.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity"> <div class="w3-container w3-white"> <p><b>Lorem Ipsum</b></p> <p>Praesent tincidunt sed tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam non fringilla.</p> </div> </div> <div class="w3-third w3-container"> <img src="/w3images/p3.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity"> <div class="w3-container w3-white"> <p><b>Lorem Ipsum</b></p> <p>Praesent tincidunt sed tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam non fringilla.</p> </div> </div> </div> <!-- Third Photo Grid--> <div class="w3-row-padding"> <div class="w3-third w3-container w3-margin-bottom"> <img src="/attach/image1.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity"> <div class="w3-container w3-white"> <p><b>Cefriffcation of lndian Navv Personnet </b></p> <p class="showmore">Praesent tincidunt sed tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam <span class="dots">...</span><span class="more">non fringilla.This is a personal website created with an intention to help my seafarer brothers to provide information to help them to face the challenges at sea and ashore. However, users are cautioned to verify the correctness of the information through authentic sources. Since the site is not professionally managed, two-way feedback system may not work. Discussions are limited to marine related matters only especially subjects related to Politics, Religion and Sex are banned in this site...The site is under construction.</span> <a>Show More</a></p> </div> </div> <div class="w3-third w3-container w3-margin-bottom"> <img src="/w3images/p2.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity"> <div class="w3-container w3-white"> <p><b>Lorem Ipsum</b></p> <p>Praesent tincidunt sed tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam non fringilla.</p> </div> </div> <div class="w3-third w3-container"> <img src="/w3images/p3.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity"> <div class="w3-container w3-white"> <p><b>Lorem Ipsum</b></p> <p>Praesent tincidunt sed tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam non fringilla.</p> </div> </div> </div> <!-- Pagination --> <div class="w3-center w3-padding-32"> <div class="w3-bar"> <a href="#" class="w3-bar-item w3-button w3-hover-black">«</a> <a href="#" class="w3-bar-item w3-black w3-button">1</a> <a href="#" class="w3-bar-item w3-button w3-hover-black">2</a> <a href="#" class="w3-bar-item w3-button w3-hover-black">3</a> <a href="#" class="w3-bar-item w3-button w3-hover-black">4</a> <a href="#" class="w3-bar-item w3-button w3-hover-black">»</a> </div> </div> <!-- Images of Me --> <div class="w3-row-padding w3-padding-16" id="about"> <div class="w3-col m6"> <img src="/w3images/avatar_g.jpg" alt="Me" style="width:100%"> </div> <div class="w3-col m6"> <img src="/w3images/me2.jpg" alt="Me" style="width:100%"> </div> </div> <div class="w3-container w3-padding-large" style="margin-bottom:32px"> <h1>Empower Yourself</h1> <hr> <h4>#1</h4> <!-- Progress bars / Skills --> <p>#2</p> <div class="w3-grey"> <div class="w3-container w3-dark-grey w3-padding w3-center" style="width:95%">#4</div> </div> <p>#5</p> <div class="w3-grey"> <div class="w3-container w3-dark-grey w3-padding w3-center" style="width:85%">85%</div> </div> <p>#6</p> <div class="w3-grey"> <div class="w3-container w3-dark-grey w3-padding w3-center" style="width:80%">#7</div> </div> <p> <button class="w3-button w3-dark-grey w3-padding-large w3-margin-top w3-margin-bottom"> <i class="fa fa-download w3-margin-right"></i>###8 </button> </p> <hr> <h4>#</h4> <!-- Pricing Tables --> <div class="w3-row-padding" style="margin:0 -16px"> <div class="w3-third w3-margin-bottom"> <ul class="w3-ul w3-border w3-white w3-center w3-opacity w3-hover-opacity-off"> <li class="w3-black w3-xlarge w3-padding-32">MARPOL</li> <li class="w3-padding-16">##9</li> <li class="w3-padding-16">##9</li> <li class="w3-padding-16">##10</li> <li class="w3-padding-16">##11</li> <li class="w3-padding-16"> <h2>##12</h2> <span class="w3-opacity">##12</span></span> </li> <li class="w3-light-grey w3-padding-24"> <button class="w3-button w3-teal w3-padding-large w3-hover-black">Sign Up</button> </li> </ul> </div> <div class="w3-third w3-margin-bottom"> <ul class="w3-ul w3-border w3-white w3-center w3-opacity w3-hover-opacity-off"> <li class="w3-teal w3-xlarge w3-padding-32">SOLAS</li> <li class="w3-padding-16">#13</li> <li class="w3-padding-16">#14</li> <li class="w3-padding-16">#15</li> <li class="w3-padding-16">##16</li> <li class="w3-padding-16"> <h2>##17</h2> <span class="w3-opacity">##18</span> </li> <li class="w3-light-grey w3-padding-24"> <button class="w3-button w3-teal w3-padding-large w3-hover-black">##19</button> </li> </ul> </div> <div class="w3-third"> <ul class="w3-ul w3-border w3-white w3-center w3-opacity w3-hover-opacity-off"> <li class="w3-black w3-xlarge w3-padding-32">STCW</li> <li class="w3-padding-16">##</li> <li class="w3-padding-16">##</li> <li class="w3-padding-16"> <span class="w3-opacity">##</span> </li> <li class="w3-light-grey w3-padding-24"> <button class="w3-button w3-teal w3-padding-large w3-hover-black">##</button> </li> </ul> </div> </div> </div> <!-- Contact Section --> <div class="w3-container w3-padding-large w3-grey"> <h4 id="contact"><b>Contact Me</b></h4> <div class="w3-row-padding w3-center w3-padding-24" style="margin:0 -16px"> <div class="w3-third w3-dark-grey"> <p><i class="fa fa-envelope w3-xxlarge w3-text-light-grey"></i></p> <p>vatt20@yahoo.com</p> </div> <div class="w3-third w3-teal"> <p><i class="fa fa-map-marker w3-xxlarge w3-text-light-grey"></i></p> <p>India</p> </div> <div class="w3-third w3-dark-grey"> <p><i class="fa fa-phone w3-xxlarge w3-text-light-grey"></i></p> <p>+91 8105094248</p> </div> </div> <hr class="w3-opacity"> <form action="contact.php" method="post"> <div class="w3-section"> <label>Name</label> <input class="w3-input w3-border" type="text" name="name" required> </div> <div class="w3-section"> <label>Email</label> <input class="w3-input w3-border" type="text" name="email" required> </div> <div class="w3-section"> <label>Message</label> <input class="w3-input w3-border" type="text" name="message" required> </div> <button type="submit" class="w3-button w3-black w3-margin-bottom"><i class="fa fa-paper-plane w3-margin-right"></i>Send Message</button> </form> </div> <!-- Footer --> <footer class="w3-container w3-padding-32 w3-dark-grey"> <div class="w3-row-padding"> <div class="w3-third"> <h3>FOOTER</h3> <p>###############################################################</p> <p>#########<a href="https://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a></p> </div> <div class="w3-third"> <h3>BLOG POSTS</h3> <ul class="w3-ul w3-hoverable"> <li class="w3-padding-16"> <img src="/w3images/workshop.jpg" class="w3-left w3-margin-right" style="width:50px"> <span class="w3-large">Lorem</span><br> <span>Sed mattis nunc</span> </li> <li class="w3-padding-16"> <img src="/w3images/gondol.jpg" class="w3-left w3-margin-right" style="width:50px"> <span class="w3-large">Ipsum</span><br> <span>Praes tinci sed</span> </li> </ul> </div> <div class="w3-third"> <h3>POPULAR TAGS</h3> <p> <span class="w3-tag w3-black w3-margin-bottom">Travel</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">New York</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">London</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">IKEA</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">NORWAY</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">DIY</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">Ideas</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">Baby</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">Family</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">News</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">Clothing</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">Shopping</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">Sports</span> <span class="w3-tag w3-grey w3-small w3-margin-bottom">Games</span> </p> </div> </div> </footer> <div class="w3-black w3-center w3-padding-24">Powered by <a href="https://www.w3schools.com/w3css/default.asp" title="W3.CSS" target="_blank" class="w3-hover-opacity">w3.css</a></div> <!-- End page content --> </div> <script> document.querySelectorAll(".showmore").forEach(function (p) { p.querySelector("a").addEventListener("click", function () { p.classList.toggle("show"); this.textContent = p.classList.contains("show") ? "Show Less" : "Show More"; }); }); </script> </body> </html> <html> <head> <title>indian seafarers</title> <meta charset="UTF-8"> <meta name="description" content="Empower indian seafarers with information to face the challenges at ship and ashore"> <meta name="keywords" content="COC,CDC,examination, revalidation, registration, ship, survey, DC,GMDSS, endorsement, DGS, DG Shipping"> <meta name="author" content="Indian Seafarers"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="refresh" content="30"> </head> <body> <style> body { font-family: Arial, Helvetica, sans-serif; } .navbar1 { overflow: hidden; background-color: lightblue; } .navbar1 a { float: left; font-size: 13px; color: white; text-align: center; padding: 8px 10px; text-decoration: none; } .dropdown { float: left; overflow: hidden; } .dropbtn { font-size: 13px; border: none; outline: none; color: white; padding: 6px 8px; background-color: inherit; font-family: inherit; margin: 0; } .dropdown { font-size: 8px; border: none; outline: none; color: white; padding: 8px 10px; background-color: inherit; font-family: inherit; margin: 0; } .navbar1 a:hover, .dropdown:hover .dropbtn { background-color: red; } .dropdown-content { display: none; position: absolute; background-color: skyblue; min-width: 160px; box-shadow: 0px 8px 10px 0px rgba(1,1,1,1.2); z-index: 1; } .dropdown-content a { float: none; color: black; padding: 3px 3px; text-decoration: none; display: block; text-align: left; } .dropdown-content a:hover { background-color: #ddd; } .dropdown:hover .dropdown-content { display: block; } </style> </head> <p>Seafarers.com:<a href="index.php">Back to Home Page</a></p></br> <div class="navbar1"> <div class="dropdown"> <button class="dropbtn">REGISTRATION<i class="fa fa-caret-down"></i> </button> <div class="dropdown-content"> <a href="cdc.php">CDC & SID</a> <a href="#">SIGN ON /OFF</a> </div> </div> <div class="dropdown"> <button class="dropbtn">COASTAL VESSEL<i class="fa fa-caret-down"></i> </button> <div class="dropdown-content"> <a href="https://www.dgshipping.gov.in/writereaddata/ShippingNotices/201612090426249359024dgs_order_07of2016_ntbranch.pdf">PLEASURE CRAFT(DGSO 7 OF 2016)</a> <a href="attach/towing.pdf">Towing in Foul Season (MSN 8 0f 2013)</a> <a href="attach/single.pdf">Single Voyage (MSN 3 of 2008) </a> <a href="#">CONTACT EXAMINER</a> <a href="#">ELIGIBILITY/ASSESMENT</a> </div> </div> <div class="dropdown"> <button class="dropbtn">INLAND VESSELS<i class="fa fa-caret-down"></i> </button> <div class="dropdown-content"> <a href="#">REGISTRATION</a> <a href="#">SURVEY/AUDITS </a> </div> </div> <div class="dropdown"> <button class="dropbtn">FISHING VESSSELS<i class="fa fa-caret-down"></i> </button> <div class="dropdown-content"> <a href="#">Link 1</a> <a href="#">Link 2</a> </div> </div> <div class="dropdown"> <button class="dropbtn">SAILING VESSELS<i class="fa fa-caret-down"></i> </button> <div class="dropdown-content"> <a href="https://www.dgshipping.gov.in/writereaddata/ShippingNotices/201812070554237252475dgsorder11of2018.pdf">SOP FOR SAILING VESSEL ON INTERNATIONAL VOYAGES (DGSO 11 of 2018)</a> <a href="#">Link 2</a> </div> </div> <div class="dropdown"> <button class="dropbtn">RIVER SEA VESELS<i class="fa fa-caret-down"></i> </button> <div class="dropdown-content"> <a href="#">Link 1</a> <a href="#">Link 2</a> <a href="#">Link 3</a> </div> </div> </div> <style> table { width:100%; } table, th, td { border: 2px solid black; border-collapse: collapse; } th, td { padding: 5px; text-align: left; } #t01 tr:nth-child(even) { background-color: lightBlue; } #t01 tr:nth-child(odd) { background-color:DodgerBlue ; } #t01 th { background-color: DodgerBlue ; color: white; } </style> <table width="100%" style=" padding-bottom:20px;"> <tr> <td colspan="4" style="text-align: center; background-color: blue; "> <span id="ctl00_bodycontent_rptDGS_ctl00_lblYear"><h2>REGISTRATION & CERTIFICATION OF SHIP</h2></span> </td> </tr> </table> </body> </html>
SIMPAN PERUBAHAN