Posts

3-PHOTOGALLERY

Image
 <!DOCTYPE html> <html> <head> <title>Form Elements and Attributes </title> <style> //format and styles div { margin-bottom: 10px; label{ display: inline-block; width: 120px; fieldset { background: #eleff2; } legend { padding: 20px 0; font-size: 20px; } I table { border:1px solid; width: 0%;} </style> </head> <body style="background-image: linear-gradient (#FF9854, #7CF580, #B5A89E, #A2CDF2, #DEC566, #E0234A);"> <div> <img src="https://www.clippingworld.com/wp-content/uploads/2021/01/different-types-of-photography-v2-1.jpg" width=100% height=500></img> </div> <table> <tr> <th id="scientific" style="font-family: arial; font-size:60;"> Nature Photography</th> </tr> <td> <img src="https://i.pinimg.com/564x/1c/a8/87/1ca887f7661b935e810ce62e8603e52c.jpg" width=300 height=300></img> </td> <td> <img src=...
Post a Comment
Read more

1=PROFILE PAGE

Image
 <!DOCTYPE html> <html> <head> <title>My Profile</title> <style> body {background-color: skyblue;} // styles applied to body tag h1 {color: blue;} // styles applied to h1 tag p {color: red;} // styles applied to p tag hr{ border: 10px solid red; } </style> </head> <body> <h1> Name : Matthew Christopher F. Tamon </h1> <h1>My favorite app for entertainment </h1> <hr> <ol> <li> Yotube <li> Facebook <li> Spotify <li> Clip Studio </lol> <h1>My favorite Songs </h1> <hr> <ol> <li> My Songs Know What You Did In The Dark by Fall Out Boy <li> Runaway Baby by Bruno Mars <li> Everything Goes On by Porter Robinson <li> "Song Of The Dead" by KANA-BOON <h1> About Me: </h1> <hr> <ol> <li> My Zodiac Sign is Taurus <li> My birth date is : March 23,2002 <li> I'm already 21 years old...
Post a Comment
Read more

2-REGISTRATION FORM

Image
 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> * {   box-sizing: border-box; } .menu {   float: left;   width: 20%; } .menuitem {   padding: 8px;   margin-top: 7px;   border-bottom: 1px solid #f1f1f1; } .main {   float: left;   width: 60%;   padding: 0 20px;   overflow: hidden; } .right {   background-color: lightblue;   float: left;   width: 20%;   padding: 10px 15px;   margin-top: 7px; } @media only screen and (max-width:800px) {   /* For tablets: */   .main {     width: 80%;     padding: 0;   }   .right {     width: 100%;   } } @media only screen and (max-width:500px) {   /* For mobile phones: */   .menu, .main, .right {     width: 100%;   } } </style> </head> <body style="font-family:Verdana;"> <div style="backgro...
Post a Comment
Read more

(Living In IT Era:HyperLink and Action Button) InterActiveMultimedia Presentation

 
Post a Comment
Read more

(Multimedia Arts)PrincipleMultimediaDesign By Tamon/InstructionalMultimedia By Tamon/

 
Post a Comment
Read more

(Multimedia Arts:Multimedia Web Based)INSTRUCTIONAL WEB Paged BY TAMON

Image
Preview OF The Page Please click the link to be redirected to the website: https://instuctional-web-based-by-tamon.jimdosite.com/portfolio/
Post a Comment
Read more

(I.T Era PowerPoint presentation with voiceover)Tamon_Video Tutorial

Image
 Direct Youtube Link Video Tutorial:https://youtu.be/5Vj3iDb90KM
Post a Comment
Read more