VIDEO
HTML HOME:
<!DOCTYPE html>
<html>
<head>
<title>CREATE THAT GEE</title>
<link rel="stylesheet" href="FNL.css">
</head>
<header>CREATE THAT GEE</header>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="fnl.html">HOME</a>
<a href="wp.html">WEB PROGRAMMING</a>
<a href="imd.html">INTERACTIVE MEDIA DESIGN</a>
</div>
<div id="main">
<span style="font-size:20px;cursor:pointer" onclick="openNav()">☰ OPEN</span>
</div>
<script>
function openNav() {
document.getElementById("mySidenav").style.width = "150px";
document.getElementById("main").style.marginLeft = "150px";
}
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
document.getElementById("main").style.marginLeft= "0";
}
</script>
<body>
<H1><a href="wp.html">WEB PROGRAMMING</a></H1>
<br>Web programming refers to the writing, markup and coding involved in Web development, which includes Web content, Web client and server scripting and network security. The most common languages used for Web programming are XML, HTML, JavaScript, Perl 5 and PHP.</br>
<HR>
<H1><a href="imd.html">INTERACTIVE MEDIA DESIGN</a></H1>
<br>An interactive media designer creates graphics and animations for various media outlets and electronic devices, such as a cellphone app, a web-based computer game, or interactive website. Professionals in this field usually have completed a bachelor's degree in either graphic or interactive media design.</br>
<hr>
<footer>
<p><h4>FIND ME ON MY SOCIALS</h4></p>
<p><a href="https://aquire2021.blogspot.com/">ACQUIRE</a></p>
<p><a href="https://facebook.com/gee.gregorio">FACEBOOK</a></p>
<p><a href="https://instagram.com/create.gee">INSTAGRAM</a></p>
</footer>
</body>
</html>
RESULT:
WEB PROG HTML:
<!DOCTYPE html>
<html>
<head>
<title>CREATE THAT GEE</title>
<link rel="stylesheet" href="FNL.css">
</head>
<header>CREATE THAT GEE</header>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="fnl.html">HOME</a>
<a href="wp.html">WEB PROGRAMMING</a>
<a href="imd.html">INTERACTIVE MEDIA DESIGN</a>
</div>
<div id="main">
<span style="font-size:20px;cursor:pointer" onclick="openNav()">☰ OPEN</span>
</div>
<script>
function openNav() {
document.getElementById("mySidenav").style.width = "150px";
document.getElementById("main").style.marginLeft = "150px";
}
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
document.getElementById("main").style.marginLeft= "0";
}
</script>
<body>
<h2>PRELIMINARY</h2>
<HR>
<br><a href="online resume.html">✦ ONLINE RESUME</a>
<br><a href="REG FORM.html">✦ REGISTRATION FORM</a>
<br><a href="IMAGES.html">✦ IMAGES</a>
<br><a href="BG HEADER FOOTER.html">✦ BACKGROUND, HEADER AND FOOTER</a>
<hr>
<h2>MIDTRERMS</h2>
<HR>
<br><a href="CSS-Color Sheet.html">✦ CSS COLOR VALUES</a>
<br><a href="CSS Layout and Web Page concept.html">✦ CSS LAYOUT AND WEB PAGE CONCEPT</a>
<br><a href="CSS SIDEBAR NAVIGATION.html">✦ CSS SIDEBAR NAVIGATION</a>
<br><a href="IFRAME and Dropdown Navigation Bar.html">✦ IFRAME DROWDOWN MENU</a>
<hr>
<h2>FINALS</h2>
<HR>
<br><a href="Animation.html">✦ ANIMATION WEB PAGE</a>
<br><a href="CREATE.html">✦ YOUTUBE VIDEO LINK PARAMETERS</a>
<br><a href="fnl.html">✦ RESPONSIVE WEB PAGE</a>
<footer>
<p><h4>FIND ME ON MY SOCIALS</h4></p>
<p><a href="https://aquire2021.blogspot.com/">ACQUIRE</a></p>
<p><a href="https://facebook.com/gee.gregorio">FACEBOOK</a></p>
<p><a href="https://instagram.com/create.gee">INSTAGRAM</a></p>
</footer>
</body>
</html>
INTERACTIVE MEDIA DESIGN HTML:
<!DOCTYPE html>
<html>
<head>
<title>CREATE THAT GEE</title>
<link rel="stylesheet" href="FNL.css">
</head>
<header>CREATE THAT GEE</header>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="fnl.html">HOME</a>
<a href="wp.html">WEB PROGRAMMING</a>
<a href="imd.html">INTERACTIVE MEDIA DESIGN</a>
</div>
<div id="main">
<span style="font-size:20px;cursor:pointer" onclick="openNav()">☰ OPEN</span>
</div>
<script>
function openNav() {
document.getElementById("mySidenav").style.width = "150px";
document.getElementById("main").style.marginLeft = "150px";
}
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
document.getElementById("main").style.marginLeft= "0";
}
</script>
<body>
<h2>PRELIMINARY</h2>
<HR>
<br><a href="2_Myfirst Javascriipt.html">✦ MY FIRST JAVASCRIPT</a>
<br><a href="3_Grade Equivalent.html">✦ GRADE EQUIVALENT</a>
<br><a href="5_SCHOLARSHIP RESULT.html">✦ IF ELSE CONDITION SCHOLARSHIP</a>
<br><a href="4_EVENTS OF THE MONTH.html">✦ EVENTS OF THE MONTH</a>
<hr>
<h2>MIDTRERMS</h2>
<HR>
<br><a href="order list.html">✦ ORDER LIST</a>
<br><a href="PRODUCTCS and PRICE.html">✦ SELECT BOX PRICE LIST</a>
<br><a href="Change Button Properties on Change Event.html">✦ CHANGE BUTTON PROPERTIES</a>
<hr>
<h2>FINALS</h2>
<HR>
<br><a href="Canvas Drawing.html">✦ DRAWING ON CANVAS</a>
<br><a href="counting drills.html">✦ COUNTING GAME</a>
<br><a href="Popup Chatbox.html">✦ CHAT BOX</a>
<br><a href="SIGNUP.html">✦ LOGIN/SIGNUP</a>
<footer>
<p><h4>FIND ME ON MY SOCIALS</h4></p>
<p><a href="https://aquire2021.blogspot.com/">ACQUIRE</a></p>
<p><a href="https://facebook.com/gee.gregorio">FACEBOOK</a></p>
<p><a href="https://instagram.com/create.gee">INSTAGRAM</a></p>
</footer>
</body>
</html>
Comments
Post a Comment