ART BLOG IN HTML 5 USING IMAGES
<!DOCTYPE html>
<html>
<head>
<style>
body { font-size:40px;
background-color: #FFDEAD;}
legend { padding:20px;
font-size:60px;
text-align:center;}
div.box { border:2px solid;
padding:10px;
width:30%;
height:700px;
background-color:white;
box-shadow:0px 15px 10px 0px #888888;
margin-bottom:25px;
}
div.polaroid { border:1px solid;
padding:10px;
width:60%;
height:350px;
background-color:white;
box-shadow:0px 15px 10px 0px #888888;
margin-bottom:25px;
}
div.container {
text-align:left;
padding:10px 20px;
}
img {}
</style>
</head>
<body>
<legend>LANCE'S ART BLOG</legend>
<img src="https://i.ibb.co/yk2wynj/Future-Dream.png alt="DREAM FAM" style=" width:90%; height:auto;
box-shadow: 0px 20px 15px 0px #888888; padding: 25px; float:center; border:1px;">
<div class="polaroid">
<img src="https://i.ibb.co/qM8YvcV/eyesdada.png" alt="THE GIRL" style=" width:300px; height:350px; float:right; box-shadow:0px 4px 5px 0px #888888">
<div class="container">
<p>this artwork that i made 2 months ago for my girlfriend
and i dedicate my whole heart to make this piece to
impress her in our monthsary and I must say that I succeed!</p>
</div>
</div>
<div class="polaroid">
<img src="https://i.ibb.co/QKHShKF/Mountain-Breathe.png" alt="THE BREATHE" style=" width:300px; height:350px; float:right; box-shadow:0px 4px 5px 0px #888888">
<div class="container">
<p>This was one my best artwork so far because I finished it in 4 days in a row and
I'm so stressed with mixing the color and pulling out the value outside of the outline
but to be honest I'm super proud of this one.
</p>
</div>
</div>
<div class="polaroid">
<img src="https://i.ibb.co/FXtNQJx/girlp.png" alt="ANIME" style=" width:300px; height:350px; float:right; box-shadow:0px 4px 5px 0px #888888">
<div class="container">
<p>I tried to make a new style with new colors that represents the lightness and calmness harmony of my
piece to make it look attractive and this time i did it with a lot of referrences to get the body pose
for a unique posture. this was one of my first artworks that I posted on my blog.
</p>
</div>
</div>
<div class="box">
<p><u><b>YOU CAN ASLO FOLLOW ME IN:<u/></b></p>
</br><br/>
<img src="https://th.bing.com/th/id/R2bad70f2d08429a28dfbebd4c237924b?rik=3FH3qKqmkGzpdQ&riu=http%3a%2f%2flawyersandsettlements.com%2fblog%2fwp-content%2fuploads%2f2015%2f09%2ffacebook-logo.png&ehk=xPhuJKffftYjmx7Hg1QatmG2kML6F1Ds64v%2bn541m88%3d&risl=&pid=ImgRaw" alt="FB" style=" width:100px; height:100px; box-shadow:0px 4px 5px 0px #888888">
<a href="https://www.facebook.com/Lances-Art-Gallery-100206628526050"><u> here's my fb art gallery <u/></a>
</br><br/>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Instagram_logo_2016.svg/1200px-Instagram_logo_2016.svg.png" alt="IG" style=" width:100px; height:100px; box-shadow:0px 4px 5px 0px #888888">
<a href="https://www.instagram.com/lance_andrada21/?hl=en"><u>here's my ig art album<u/></a>
</br><br/>
<img src="https://th.bing.com/th/id/R2b14ca21da67ea48cb714fba67cf8548?rik=LvOdIvp3M7N6dA&riu=http%3a%2f%2fpluspng.com%2fimg-png%2fdeviantart-logo-png-deviantart-logo-by-diamondmyr-d89da0a-png-894.png&ehk=jMN%2bLeU1V%2bjwi%2fiVZTFaiTJrsl4TP4JI8RiOZkE6%2fvQ%3d&risl=&pid=ImgRaw" alt="DEVIANT" style=" width:100px; height:100px; box-shadow:0px 4px 5px 0px #888888">
<a href="https://www.deviantart.com/search?q=NeonCloud9"><u>here's my Deviant Art journal<u/></a>
</br><br/>
<div class="container">
</div>
</div>
</body>
</html>
Comments
Post a Comment