Homework 3 images and research
https://youtu.be/GXrM5IU4pdI
<!DOCTYPE html>
<html>
<head>
<!--
Mark Brautigam
CIS 86: PHP and MySQL
2017 Aug 30
-->
<meta charset='utf-8' />
<title>My 12 Images</title>
<style type='text/css'>
/* styles go here */
body { text-align: center; }
img { width: 144px; box-shadow: 2px 2px 4px gray;
margin: 8px;
}
</style>
</head>
<body>
<h1>My 12 Images</h1>
<!-- page content will go here -->
<img src='acrobat.png' alt='Acrobat' />
<img src='audition.png' alt='Audition' />
<img src='bridge.png' alt='Bridge' />
<img src='capture.png' alt='Capture' />
<br />
<img src='cloud.jpeg' alt='Creative Cloud' />
<img src='comet-icon.png' alt='Comet Project' />
<img src='comp.png' alt='Comp CC' />
<img src='illustrator.png' alt='Illustrator' />
<br />
<img src='indesign.png' alt='InDesign' />
<img src='lightroom.png' alt='Lightroom' />
<img src='photoshop.png' alt='Photoshop' />
<img src='spark-post.jpg' alt='Spark Post' />
</body>
</html>
Homework 3 buttons
https://youtu.be/VYUYePuatcs
<style type='text/css'>
a.button {
display: block;
padding: 0.75em 1em;
background-color: #08c;
color: white;
text-decoration: none;
margin: 0.5em 0;
font-family: sans-serif;
width: 160px;
text-align: center;
border-radius: 8px;
background: linear-gradient(#08c,#07b);
}
</style>
<a class='button' href='home.php'>Home Page</a>
<a class='button' href='control.php.'>Control Structures</a>
<a class='button' href='strings.php'>String Functions</a>
<a class='button' href='webforms.php'>Web Forms</a>
<a class='button' href='state.php'>State Information</a>
No comments:
Post a Comment