Posts

Showing posts from July, 2020

AmoEba- p.js

let modalId = $('#image-gallery'); $(document)   .ready(function () {     loadGallery(true, 'a.thumbnail');     //This function disables buttons when needed     function disableButtons(counter_max, counter_current) {       $('#show-previous-image, #show-next-image')         .show();       if (counter_max === counter_current) {         $('#show-next-image')           .hide();       } else if (counter_current === 1) {         $('#show-previous-image')           .hide();       }     }     /**a      *      * @param setIDs        Sets IDs when DOM is loaded. If using a PHP counter, set to false.      * @param setClickAttr  Sets the attribute for the click handler.      */     f...

AmoEba -index.html

*********************video file****************************** https://drive.google.com/file/d/1ycnN48gmkrhQi3i3MeW3mzeuAC-5p6DF/view?usp=sharing ***************************************************** <!DOCTYPE html> <html> <head>   <title>amoeba</title>   <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">   <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">   <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <nav class="navbar navbar-expand-lg  sticky-top">   <div class="container">   <a class="navbar-brand" href="#" style="color: white">Amoeba</a>   <button class="navbar-toggler" type="button" data-toggle="collapse" ...

AmoEba-style.css

.navbar { padding:50px; background-color: #79C1B7; transition: 2s; } .navbar-brand { font-size: 25px; } .nav-item { font-size: 15px; padding-left: 20px; } .red { background-color:black; transition: 2s; padding: 30px;  } #home { background: #70B9B0; padding: 40px; } .welcome { font-size: 30px; padding-top: 20px; color: white; } .par { font-size: 20px; padding: 20px; color: white; } #home i { font-size: 60px; padding-top: 30px; color: white; } #about { background: white padding-top:90px; padding-bottom: 90px; } #about i { font-size: 40px; padding: 20px; } #about p { padding: 20px; } #banner { background: url(https://demo.themezy.com/system/resources/demo_themes/000/000/176//img/parallax/img3.jpg); padding-top: 90px; padding-bottom: 90px; background-attachment: fixed; margin-top: 20px; } #banner p { color: white; } #developers { background: #F8F8F9; padding-top: 40px; padding-bottom: 90px; } #developers p { font-s...