Posts

WEB PROGRAMMING EXERCISE 10 : ANIMATION

Image
  HERES THE ANIMATION VIDEO!! FOR THE CODES HTML !DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Exercise 010 Animated Web page</title> <link rel="stylesheet" href="exercise 10CSS.css"> </head> <body> <div> <h1 style="font-size:40px;"> ANG POGI NI EMMAN </h1> </div> <br> <br> <br> <br> <br> <br> <br> <br>  <p style="text-align: justify; text-indent: 50px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pulvinar mattis nunc sed blandit. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis. Id faucibus nisl tincidunt eget nullam non nisi. Vitae sapien pellentesque habitant morbi. A lacus vestibulum sed arcu. Enim ut tellus elementum sagittis vitae et leo. Pell...

EXERCISE 9 WEB PROGRAMING FLEX BOX AND I FRAME

Image
* Home social accounts Facebook Instagram Web Programming Exercise 6 Exercise 7 Exercise 8 Interactive Media Exercise 6 Exercise 7 Exercise 8 HOME Fixed Full-height Side Nav News © 2021 | EMMONZTAH

EXERCISE 8: INTERACTIVE MEDIA Change Button Properties onchange events Enter color Enter number

Javascript Events Enter color Enter number

EXERCISE 8 WEB PROGRAMING NAVIGATION BAR

Image
 PORFOLIO PROFILE CONTACT CODES FOR HTML: <!DOCTYPE html> <html lang="en" dir="ltr">   <head> <header>   <h1> Exercise 8 CSS Sidebar navigation</h1>     </header>     <meta charset="utf-8">         <link rel="stylesheet" href="SIDBAR.CSS">     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">     <script src="https://code.jquery.com/jquery-3.4.1.js"></script>     <script>       $(document).ready(function(){         $('i').click(function(){           $('ul').toggleClass('ul_show');           $('section').toggleClass('slide_image');         });         $('li').click(function(){           $(this).addClass('active').siblings().removeClass('active'...

INTERACTIVE EXERCISE 7 BOX PRICE

Image
  HTML CODE <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Exercise 007 JavaScript Selected Value</title> <link rel="stylesheet" href="intercattive7.css"> </head> <body> <h1 class="font1"> Select Box Price List</h1> <div id="container"> <form> <fieldset> <label for="name"> Add Products: </label> <input type="text" id="name" placeholder="Enter Product" autocomplete="off"> <br> <br> <label for="price"> Add Price: </label> <input type="number" id="price" placeholder="Enter Price" autocomplete="off"> <br> <br> <button class="btn" id="btnAdd" size=10> <b...

EXERCISE 7 web programming PAGE LAYOUT

Image
ABOUT ME MY DIGITAL ART MY INSTAGRAM LINK OF MY INSTAGRAM ABOUT ME hello! My name is Emmanuel Ubaldo a free lance digital artist.” DIGITAL ARTS .here is my digital art my latest one is the girl with the wings kinda like and angel and my favorite one is the girl with the clouds because it all started with that piece. MY INSTAGRAM if youre interested you can check out my instagram account Emmonztah all rights reserve 2021 ©.

EXERCISE 6 ORDER LIST CODE

Image
 PACKAGE 1  PACKAGE 2   PACKAGE 3   NO PACKAGE FOUND ( IF YOU PUT INCORRECT PACKAGE NUMBER )  THE CODES:  <!DOCTYPE html> <html> <head> <style> h1 {     margin-left: 280px; font-family: "verdana"; } h4 {  margin-left: 285px; font-family: verdana; } p {     margin-left: 40px; } label {     display: inline-block; width: 150px; height: 20px; padding: 10px; margin-left: 30px; font-family: "verdana"; } fieldset {        margin-left: 280px;   margin-right: 280px;   background: #6495ED;   padding: 5px;   font-family: "verdana"; } #demo {         position: relative;    margin-left: 280px;    margin-right: 280px; } #runthis {          margin-left: 205px; margin-top: 25px; } </style> </head> <...