-
Notifications
You must be signed in to change notification settings - Fork 1
/
Web.html
1 lines (1 loc) · 12.2 KB
/
Web.html
1
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"><title>Himasha</title><link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css?h=f1a8fe9e98944b9d682ec5c3efac8f17"><link rel="stylesheet" href="/assets/css/styles.min.css?h=b278a61fe08a6a21425d8c4143997ff3"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.11.1/baguetteBox.min.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/6.4.8/swiper-bundle.min.css"><link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"></head><body style="background: url("https://media.istockphoto.com/photos/abstract-curve-and-wave-on-navy-blue-illustration-background-picture-id1325195247?b=1&k=20&m=1325195247&s=612x612&w=0&h=vjhg7MVoXBY7q9u2BaODJN0vA72PTM706jiQHGxZucA=") no-repeat;background-size: cover;"><!-- Start: Navbar Right Links (Dark) --><nav class="navbar navbar-dark navbar-expand-md sticky-top float-end py-3" style="color: var(--bs-purple);font-size: 18px;--bs-primary: #136aea;--bs-primary-rgb: 19,106,234;/*--bs-body-bg: #d81313;*/background: rgb(97,100,164);filter: brightness(164%);width: 100%;"><div class="container"><a class="navbar-brand d-flex align-items-center" href="#"><span class="border rounded shadow-sm" style="padding: 5px;background: var(--bs-navbar-active-color);color: #c80606;font-size: 23px;font-family: Alatsi, sans-serif;font-weight: bold;width: 50.825px;text-align: center;box-shadow: 0px 0px;border-width: 13px;border-color: #0c0b0b;border-radius: 28px;">HK</span></a><div class="collapse navbar-collapse" id="navcol-5" style="color: var(--bs-navbar-brand-color);background: var(--bs-navbar-brand-color);width: 22%;/*margin: 0px;*/margin-left: 25%;"><ul class="navbar-nav ms-auto" style="margin-right: -4px;"><li class="nav-item"><a class="nav-link active" style="margin: 0px;padding: 14px;color: var(--bs-black);font-weight: bold;font-size: 21px;line-height: 17.5px;overflow: hidden;transform: perspective(0px) translate(3px) scale(1.04);" href="/index.html">Home</a></li><li class="nav-item"><!-- Start: Ed --><a class="nav-link" href="/index.html" style="color: var(--bs-black);font-size: 20px;font-weight: bold;" data-bs-target="Education" rel="tag">Education </a><!-- End: Ed --></li><li class="nav-item"><a class="nav-link" href="/index.html" style="color: var(--bs-black);font-weight: bold;font-family: Alatsi, sans-serif;">Projects</a></li><li class="nav-item"><a class="nav-link" href="/index.html" style="color: var(--bs-black);font-weight: bold;">Contact</a></li></ul></div><button data-bs-target="#navcol-5" data-bs-toggle="collapse" class="navbar-toggler float-end" style="margin-top: -7px;margin-right: -67px;margin-left: 114px;"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button><section></section></div></nav><!-- End: Navbar Right Links (Dark) --><!-- Start: Background motion1 --><div class="example-box" style="height: 251px;width: 82%;border-radius: 33px;margin-top: 65px;margin-right: 182px;margin-left: 152px;"><div class="background-shapes"></div><h1><strong>Web designing</strong></h1></div><!-- End: Background motion1 --><section data-aos="zoom-in" style="margin-right: 10%;margin-left: 10%;border-radius: 29px;background: var(--bs-white);box-shadow: 8px 6px 3px 4px var(--bs-gray-400);padding: 2%;"><h1 style="margin-top: 18px;text-align: center;"><strong><span style="color: blueviolet;">Hospital Website</span></strong><br></h1><!-- Start: Simple Slider --><div class="simple-slider" style="margin: 1px 0px 0px;margin-top: 18px;margin-right: 5%;margin-left: 5%;"><!-- Start: Slideshow --><div data-aos="fade-right" class="swiper-container"><!-- Start: Slide Wrapper --><div class="swiper-wrapper"><!-- Start: Slide --><div class="swiper-slide" style="background: url("https://cdn.bootstrapstudio.io/placeholders/1400x800.png") center center / cover no-repeat;margin-top: 53px;"><img src="/assets/img/Home.jpg?h=4495f76a2b8a7e6ed525d96d78c54505" style="position: relative;display: block;overflow: hidden;width: 1194.47px;"></div><!-- End: Slide --><!-- Start: Slide --><div class="swiper-slide" style="background: url("https://cdn.bootstrapstudio.io/placeholders/1400x800.png") center center / cover no-repeat;"><img class="flex-shrink-0" src="/assets/img/Lab.jpg?h=68cba2a873622e9c0f2e01224830952c" style="position: relative;display: block;overflow: hidden;transform: rotate(0deg);transition: ease-in;width: 1093.47px;height: 502px;"></div><!-- End: Slide --><!-- Start: Slide --><div class="swiper-slide" style="background: url("https://cdn.bootstrapstudio.io/placeholders/1400x800.png") center center / cover no-repeat;"><img src="/assets/img/PCR.jpg?h=dff01daa6fc3ef132e02a1d5748cfe3a" style="position: relative;display: grid;overflow: hidden;width: 1067.47px;"></div><!-- End: Slide --></div><!-- End: Slide Wrapper --><!-- Start: Pagination --><div class="swiper-pagination"></div><!-- End: Pagination --><!-- Start: Previous --><div class="swiper-button-prev"></div><!-- End: Previous --><!-- Start: Next --><div class="swiper-button-next"></div><!-- End: Next --></div><!-- End: Slideshow --></div><!-- End: Simple Slider --><!-- Start: 1 Row 2 Columns --><div class="container"><div class="row"><div class="col-md-6"><h2 style="margin-top: 6%;font-family: Actor, sans-serif;font-weight: bold;"><span style="text-decoration: underline;">Explanation</span><br></h2><p class="swing animated" style="font-family: Actor, sans-serif;font-size: 128%;">This is the first project I had done in University with my group. Home page of the website design and created by myself. This is a Hospital website, from this site patients able to know what are the facilities can obtain. Not only that patients can register PCR test without going to reception. And also book doctors.<br><br></p><!-- Start: Awesome Button by Ahmed Sharif Khan --><a class="btn btn-primary" role="button" style="background: linear-gradient(152deg, #9b41fc, #14bded), rgb(130,169,210);width: 130.1px;height: 42px;border-radius: 0px;font-family: 'Montserrat Alternates', sans-serif;font-weight: bold;font-size: 16px;box-shadow: 0px 2px 6px 3px rgb(94,121,245);color: rgb(209,218,255);border-width: 2px;" href="https://himashakodikara.github.io/University-First-Group-Project/Home2.html">Try This</a><!-- End: Awesome Button by Ahmed Sharif Khan --></div><div class="col-md-6"><h3 style="font-weight: bold;font-family: Actor, sans-serif;">Used Languages</h3><!-- Start: Lightbox Gallery No Gutters --><section data-bss-hover-animate="rubberBand" class="photo-gallery py-4 py-xl-5"><div class="container-fluid p-0"><!-- Start: Photos --><div class="row g-0 row-cols-1 row-cols-md-2 row-cols-xl-3 photos" data-bss-baguettebox=""><div class="col item"><a href="https://cdn.bootstrapstudio.io/placeholders/1400x800.png"><img class="img-fluid" src="https://1000logos.net/wp-content/uploads/2020/09/JavaScript-Logo.png"></a></div><div class="col item"><a><img class="img-fluid" src="https://miro.medium.com/max/792/1*lJ32Bl-lHWmNMUSiSq17gQ.png"></a></div><div class="col item"><a href="https://p7.hiclipart.com/preview/662/163/583/web-development-jquery-ui-javascript-computer-icons-jqlogo.jpg"><img class="img-fluid" src="https://p7.hiclipart.com/preview/662/163/583/web-development-jquery-ui-javascript-computer-icons-jqlogo.jpg" style="height: 149.312px;width: 168.312px;"></a></div><div class="col item"><a href="https://cdn.bootstrapstudio.io/placeholders/1400x800.png"><img class="img-fluid" src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b2/Bootstrap_logo.svg/512px-Bootstrap_logo.svg.png" style="height: 124.087px;width: 165.312px;"></a></div><div class="col item"><a href="https://cdn.bootstrapstudio.io/placeholders/1400x800.png"></a></div><div class="col item"><a href="https://cdn.bootstrapstudio.io/placeholders/1400x800.png"></a></div></div><!-- End: Photos --></div></section><!-- End: Lightbox Gallery No Gutters --></div></div></div><!-- End: 1 Row 2 Columns --></section><section data-aos="zoom-in-left" style="margin-right: 10%;margin-left: 10%;border-radius: 29px;background: var(--bs-white);box-shadow: 8px 7px 6px 3px var(--bs-gray-400);padding: 2%;padding-bottom: 0;"><h1 style="margin-top: 18px;text-align: center;color: var(--bs-yellow);"><strong><span style="color: rgb(138, 43, 226);">Cab Service </span></strong></h1><img style="width: 100%;margin-right: 5%;height: 107%;" src="/assets/img/Cab.jpg?h=cc4de4e93db216dc67353582d1001e94"><!-- Start: 1 Row 2 Columns --><div class="container"><div class="row"><div class="col-md-6"><h2 style="margin-top: 6%;font-family: Actor, sans-serif;font-weight: bold;"><span style="text-decoration: underline;">Explanation</span><br></h2><p style="font-family: Actor, sans-serif;font-size: 128%;background: var(--bs-white);">This an application made with python. This can use any cab service and customer not able to use this. Cab service can use this to assign vehicle according to customer requirement and check whether vehicle is available or not. Not only that can check amount that customer want to pay according to customer requirements. And also can add drivers details to the system. All of these function can do in single GUI.<br><br><br></p><!-- Start: Awesome Button by Ahmed Sharif Khan --><a class="btn btn-primary" role="button" style="background: linear-gradient(152deg, #9b41fc, #14bded), rgb(130,169,210);width: 130.1px;height: 42px;border-radius: 0px;font-family: 'Montserrat Alternates', sans-serif;font-weight: bold;font-size: 16px;box-shadow: 0px 2px 6px 3px rgb(94,121,245);color: rgb(209,218,255);border-width: 2px;" href="https://himashakodikara.github.io/CabServise/GUI.py">Try This</a><!-- End: Awesome Button by Ahmed Sharif Khan --></div><div class="col-md-6"><h3 style="font-weight: bold;font-family: Actor, sans-serif;">Used Languages</h3><!-- Start: Lightbox Gallery No Gutters --><section class="photo-gallery py-4 py-xl-5"><div class="container-fluid p-0"><!-- Start: Photos --><div class="row g-0 row-cols-1 row-cols-md-2 row-cols-xl-3 photos" data-bss-baguettebox=""><div class="col item"><a href="https://cdn.bootstrapstudio.io/placeholders/1400x800.png"></a></div><div class="col item"><a><img class="img-fluid" data-bss-hover-animate="rubberBand" src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Python-logo-notext.svg/1200px-Python-logo-notext.svg.png"></a></div><div class="col item"><a href="https://p7.hiclipart.com/preview/662/163/583/web-development-jquery-ui-javascript-computer-icons-jqlogo.jpg"></a></div><div class="col item"><a href="https://cdn.bootstrapstudio.io/placeholders/1400x800.png"></a></div><div class="col item"><a href="https://cdn.bootstrapstudio.io/placeholders/1400x800.png"></a></div><div class="col item"><a href="https://cdn.bootstrapstudio.io/placeholders/1400x800.png"></a></div></div><!-- End: Photos --></div></section><!-- End: Lightbox Gallery No Gutters --></div></div></div><!-- End: 1 Row 2 Columns --></section><!-- Start: Footer Clean --><footer class="text-center py-4" style="background: rgb(113, 60, 249);margin-top: 52px;"><div class="container" id="Contact"><div class="row row-cols-1 row-cols-lg-3"><div class="col"></div><div class="col"><p class="text-muted my-2" style="border-color: var(--bs-white);color: var(--bs-gray-200);">Copyright © 2022 Himasha Kodikara</p></div></div></div><!-- Start: Bold BS4 Animated Back To Top --><a class="cd-top js-cd-top cd-top--fade-out cd-top--show" style="background-image: url("/assets/img/cd-top-arrow.svg?h=6950826eefbbdb3a5e230d033a891149");color: var(--bs-yellow);" href="#0">Top</a><!-- End: Bold BS4 Animated Back To Top --></footer><!-- End: Footer Clean --><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.11.1/baguetteBox.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/6.4.8/swiper-bundle.min.js"></script><script src="/assets/js/script.min.js?h=641c90cab1f8ed8876b678dbd3607dba"></script></body></html>