<!DOCTYPE html>
<html>
<head>
<style>
header {
position:fixed;
font-family: 'Arial Black';
top:0px;
left:0px;
width:98%;
height:10%;
color:#FFFFFF;
background-color: #CBC6DC;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 200% 50%;
font-size: 50px;
padding:15px;
}
footer {
text-align: center;
padding-top:20px;
padding-right: 200px;
padding-bottom: 700px;
padding-left: 325px;
background-color: #FFFFF;
color: black;
font-size: 12px;
width: 500px;
}
body {
background-image: url('jillian.jpg');
background-repeat: no-repeat;
background-attachment: fixed;yy
background-size: 100% auto;
padding: 90px;
color: white;
font-family: "Arial Black";
font-size: 15px;
text-align: center;
}
.frame1 {
background-color: #CBC6DC;
color: #FFFFFF;
font-family: 'Arial Black';
margin-left: 0px;
padding-top: 10px;
padding: 10px;
float: left;
width: 517px;
}
.frame2 {
background-color: #CBC6DC;
color: #FFFFFF;
font-family: 'Arial Black';
padding-top: 10px;
padding: 10px;
float: right;
width: 517px;
height: 340px;
}
</style>
</head>
<header style="text-align: center;">Memories</header>
<body>
<p><h2 style="background-color:rgb(0, 0, 0); height: 27px; text-align: center; ">CAPTURED + DIGITAL ARTS </h2> </p>
<p>Click to see the bigger picture.</p>
<div class="frame1">
<form>
<a href="cat.jpg">
<img src="cat.jpg" alt="Alliah" width="100" height="165"></a>
<a href="true.jpg">
<img src="true.jpg" alt="Alliah" width="100" height="165"></a>
<a href="true.jpg">
<img src="true.jpg" alt="Outdoor" width="100" height="165"></a>
<a href="true.jpg">
<img src="true.jpg" alt="Alabang" width="100" height="165"></a>
<a href="false.jpg">
<img src="false.jpg" alt="Friends" width="100" height="165"></a>
<a href="jillian.jpg">
<img src="jillian.jpg" alt="Submit" width="100" height="165"></a>
<a href="jillian.jpg">
<img src="jillian.jpg" alt="Submit" width="100" height="165"></a>
<a href=jillian.jpg">
<img src="jillian.jpg" alt="Submit" width="100" height="165"></a>
<a href="jil.jpg">
<img src="jil.jpg" alt="Submit" width="100" height="165"></a>
<a href="jil.jpg">
<img src="jil.jpg" alt="Submit" width="100" height="165"></a>
</form>
</div>
</body>
<fieldset style="border-color: #000000; text-align: center; padding-top: 50px; padding-left: 0px;">
<label style="font-family: Cooper; font-size: 12px;">COMMENT</label>
<textarea name="Comment" rows="3" cols="50" text-align=center; placeholder="Type some text here"></textarea><br/>
<button onclick="myFunction()">Submit</button>
<script>
function myFunction(){
alert("Thank's for visiting!");
}
</script>
</fieldset>
<footer>
<p style=" text-align:center">FIND ME ON MY SOCIALS</p>
<p><a href="https://www.facebook.com/profile.php?id=100009279015687">FACEBOOK</a></p>
<p><a href="https://www.instagram.com/jillworks.digital/?hl=en">INSTAGRAM</a></p>
</footer>
</html>
Comments
Post a Comment