ACTIVITY 4 HTML
file: /// C: /Users/web/Documents/pat.html
<! DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title> </title>
<style>
h2 {
font-family: Copperplate, fantasy;
font-size: 30px;
align = "center"
}
p {
font-family: Arial, Helvetica, sans-serif;
font-size: 25px;
}
* {
box-sizing: border-box;
}
.column {
float: left;
width: 33.33%;
padding: 5px;
}
/ * Clearfix (clear floats) */
.row :: after {
content: "";
clear: both;
display: table;
}
</style>
</head>
<body>
<h2> Photo Layout </h2>
<div class = "row">
<div class = "column">
<a target="_blank" href="family.jpg">
<img src = "https://mail.google.com/mail/u/0?ui=2&ik=ba8ef30cfe&attid=0.1&permmsgid=msg-a:r-3670225153864887153&th=17cf44f307d6d8f7&view=att&disp=safe&dez44f29e = 17cey27 "style =" width: 100%">
</a>
</div>
<div class = "column">
<img src = "https://mail.google.com/mail/u/0?ui=2&ik=ba8ef30cfe&attid=0.2&permmsgid=msg-a:r-3670225153864887153&th=17cf44f307d6d8f7&view=att&disp=safe&attid=f294ey = "width: 100%">
</div>
<div class = "column">
<img src="https://mail.google.com/mail/u/0?ui=2&ik=ba8ef30cfe&attid=0.3&permmsgid=msg-a:r-3670225153864887153&th=17cf44f307d6d8f7&view=att&disp=safe&realattid=17cf44f292d47339dfe1" alt="cuerda" style="width:100%">
</div>
</div>
<p>Unites with family, not just uniting but having fun, bonding and take care of each other make us feel complete and happy family.
</body>
</html>
Comments
Post a Comment