portfolio: March 2021

Saturday, March 27, 2021

Exercise #4 interactive

</head>

<body>

<h1>Determine Salary and Tax </h1>

<p>Enter your details : </p>

<label>Enter your name </label>

<label>Enter your salary </label>

</fieldset>

<style>

margin-bottom: 10px;

}

label {

display: inline-block;

width: 200px;

}

fieldset {

background: #A3C1AD;

}

legend {

padding: 20px 0;

font-size: 20px;

}

display: inline-block;

width: 1000px;

}

fname=document.getElementById("fname").value;

salary=document.getElementById("salary").value;

document.getElementById("demo").innerHTML = "Name " + fname + "<br> Grade :" +salary;

If(salary >=45001 )

{

tax = salary *0.20 ;

remarks = ‘<style color:“blue” ; font-size:40px; > Tax 20% : ‘ + tax;

}

else if (salary >=35001)

{

tax= salary * 0.15;

remarks = ‘ <style color:“green” ; font-size:40px; > Tax 15% : ‘ +tax;

}

else if (salary >=25001)

{

tax= salary * 0.10;

remaks = ‘<style color:violet ; font-size:40px; > Tax 10% : ‘ + tax ;

}

else

remarks = "<style color:violet ; font-size:40px; > Tax Exempted: ‘ + tax ;

document.getElementById("demo2").innerHTML= "<br> Remarks :" +remarks;

}

</body>

</html>

Exercise #5

<!DOCTYPE html>

<style>

body {font-family: "Lato", sans-serif}

.mySlides {display: none}

</style>

<body>

<a href="#contact" class="w3-bar-item w3-button w3-padding-large" onclick="myFunction()">CONTACT</a>

<a href="#" class="w3-bar-item w3-button w3-padding-large" onclick="myFunction()">MERCH</a>

</div>

<h3>Los Angeles</h3>

<p><b>We had the best time playing at Venice Beach!</b></p>

</div>

<h2 class="w3-wide">my works</h2>

<p class="w3-opacity"><i>I love graphic art</i></p>

<p class="w3-justify"> As you can see below this is my top 3 arts I like the most</p>

</div>

</div>

</div>

</div>

</footer>

// Automatic Slideshow - change image every 4 seconds

var myIndex = 0;

carousel();

function carousel() {

var i;

var x = document.getElementsByClassName("mySlides");

for (i = 0; i < x.length; i++) {

x[i].style.display = "none";

}

myIndex++;

if (myIndex > x.length) {myIndex = 1}

x[myIndex-1].style.display = "block";

setTimeout(carousel, 4000);

}

</script>

</body>

</html>

Exercise #4

<!DOCTYPE html>

<html>

<body>

<h2>Floating Images</h2>

<p><strong>Float the image to the right:</strong></p>

<p>

<img src="https://i.ibb.co/Y3qtVSL/kiyo1.jpg" alt="kiyo1"

style="float:right;width:421px;height:224.5px;margin-right:100px;border:

5px solid #003b57;border-style:double;" hspace="15" vspace="15" A

paragraph with a floating image. A paragraph with a floating image. A

paragraph with a floating image.

</p>

<p><strong>Float the image to the left:</strong></p>

<p>

<img src="https://i.ibb.co/dkJWz70/rikkaasa.png" alt="rikkaasa"

style="float:left;width:421px;height:224.5px;margin-left:100px;border: 5px

solid #003b57;border-style:double;" hspace="15" vspace="15" A paragraph

with a floating image. A paragraph with a floating image. A paragraph with

a floating image.

</p>

</body>

</html>

Tuesday, March 9, 2021

exercise 3 register form

<!DOCTYPE html>

<html>

<head>

<title>Form Elelents and attributes</title>

div{

margin-bottom: 10px

}

label {

display: line-block

width: 120px;

}

fieldset {

background: #E749A0;

}

legend {

padding: 20px 0;

}

body {background-color: #562F44;} // styles applied to body tag

</style>

</head>

<body>

<legend>Personal Information:</legend>

<label for="number">Phone</label>

<label for="email">Email</label>

</fieldset>

<legend>Gender:</legend>

<input type="radio"placeholder="Female"name"gender"required>Female<br/><br/>

</fieldset>

<legend>Talents/Skills :</legend>

<input type="checkbox"placeholder="drawing"name="talents"required>Drawing<br/><br/>

<input type="checkbox"placeholder="Photography"name="talents"required>Photography<br/><br/>

</fieldset>

<legend>Course:</legend>

<option value="CRIMINOLOGY">CRIMINOLOGY</option>

<option value="PSYCHOLOGY">PSYCHOLOGY</option>

<option value="ABCOM">ABCOM</option>

<option value="js">JavaScript</option>

</select><br><br>

</fieldset>

Sunday, March 7, 2021

Exercise #3 If else scholarship

<!DOCTYPE html>

<html>

<head>

<title>Form Elelents and attributes</title>

div{

margin-bottom: 10px

}

label {

display: line-block

width: 120px;

}

fieldset {

background: #C1D82F;

}

legend {

padding: 20px 0;

}

body {background-color: #00A4E4;} // styles applied to body tag

</style>

</head>

<body>

<legend>Personal Information:</legend>

</fieldset>

<legend> Result :</legend>

<body>

<!--

var grade= prompt("Enter grade");

if (grade>=75)

{

document.write("<b> COngrats You Passed " );

}

else

{

document.write("<i> Sorry You Failed" );

}

</script>

</body><br/><br/>

</html> <br/><br/>

</fieldset>

Friday, March 5, 2021

Exercise 3 Grade equivalent

<!DOCTYPE html>

<html>

<head>

<title>Title of the Document</title>

</head>

<style>

body {background-color:maroon;} // styles applied to body tag

</style>

Enter your Full Name <input type="text" placeholder="Type " id="name" Value=" "><br>

Enter your score <input type="text" placeholder="Type " id="score" Value=" "><br>

Enter total numbers of item <input type="text" placeholder="Type " id="total" Value=" ">

<button type="button" onclick="getCompute();">Compute</button>

function getCompute() {

var name = document.getElementById("name").value;

var score = Number(document.getElementById("score").value);

var total = Number(document.getElementById("total").value);

grade = (score/total);

grade2 = (grade*100) ;

// Displaying the value

alert("name: " + name +" \n\nscore: " + score +"\n\ntotal " + total + "\n Equivalent grade" +grade2 );

document.write("Name: " + name + "<br> <br> Score: " + score + "<br> <br> Total: " + total + "<br> <br> Equivalent Grade: " + grade2);

}

</script>

</body>

</html>

Tuesday, March 2, 2021

Exercise 2 RESUME

<!DOCTYPE html>

<html>

<head>

<title>My Profile</title>

<style>

body {background-color: powderblue;} // 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 : Adrian Guisihan </h1>

<li> adrian.guisihan@Rmail.com 2222 Mill Plain Rd, Fairfield, CT 06614 / Cell 203-555-1111

<h2> My Profile </h2>

<li>High School senior skilled in athletics and working with children in sports-related activities. Dependable and mature; seeking admission to a college where I can study Sports Medicine.

<li>Show your passion. Don't be afraid to get personal, especially in your bio. After all, they've expressed an interest in you as a Person. If you have any special. talents or strongly held beliefs, jot those down.

<hr>

<h2> My Education </h2>

<ol>

<li> salawag elementary school

<li> bacoor national high school

<li> st.jude college

<li> university of perpetual help

</ol>

<hr>

<h2> Honors and Awards </h2>

<ul>

<li> High School Honor Roll (2006•Present)

<li> High School Coaches Association Award (2008)

<li> Varsity Indoor Track (2008- 2009)

<li> Varsity Lacrosse (2007-2009)

<li> All Conference Lacrosse (2008)

<li> All Conference Academic (all sports 2006•Present)

</ul>

<hr>

<h2> Skills </h2>

<ul>

<li> adobe photoshop

<li> adobe illustrator

<li> adobe premier pro

<li> adobe animate

<li> blender

<li> java

</ul>

<hr>

<h1> Links to your portfolio </h1>

<p> <a href="https://www.facebook.com/adrian.guisihan.3"> Facebook </a> </p>

<p> <a href="https://www.youtube.com/channel/UC5ldvw522w9QWRgNZgdd2Ww"> YouTube </a> </p>

<p><a href="https://frst-blog-101.blogspot.com/ " target =

blank> Portfolios </a> </p>

<p>Discuss about the contents of your portfolio </p>

</body>

</html>

Pages

Saturday, March 27, 2021

Tuesday, March 9, 2021

Sunday, March 7, 2021

Friday, March 5, 2021

Tuesday, March 2, 2021