for you + me | article

<!--

♥ hi there, friendo! thanks for using my code! the stoof is fairly self explanatory and should be easy to edit (i'm not that smart so i don't want to make my codes rocket science AKIGHYSIDG). it is required to keep the credit otherwise you are stealing my code and i expect to be credited for my mediocre creation, thankyouverymuch. have fun and do something cool! ♥

-->


<!DOCTYPE html>


<html>

<link href="https://fonts.googleapis.com/css2?family=Old+Standard+TT&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Copse&display=swap" rel="stylesheet">

<style>

.bg{
width:600px;
height:815px;
background-image:url(https://i.pinimg.com/originals/7c/95/02/7c95029dd31403a0413812f5c9e43d15.jpg);
object-fit:cover;
font-family: 'Old Standard TT', serif;
font-size:13px;
}

.arrow{
width:150px;
height:;
object-fit:cover;

}
.header{
height:115px;
padding:25px;
text-align:center;

}

.left{
height:300px;
width:100px;
padding:25px;
float:left;

}
.right{
height:300px;
width:100px;
padding:25px;
float:right;

}

.middle{
height:300px;
width:250px;
padding:25px;
overflow:auto;
scrollbar-width:0px;

}

</style>

<body>
<div class="bg"><br>


<img src="https://i.ibb.co/8PgbvWd/360-F-374743565-UWUusb-Zxk-Op4ug7-Kg-G3pk-AVzc-B30-Keee-removebg-preview.png"class="arrow"style="float:left;margin-left:30px;transform:rotate(180deg)">

<img src="https://i.ibb.co/8PgbvWd/360-F-374743565-UWUusb-Zxk-Op4ug7-Kg-G3pk-AVzc-B30-Keee-removebg-preview.png"class="arrow"style="float:right;margin-right:30px">

<center style="margin-top:15px">
write your short newspaper's tagline here
</center>


<hr style="border:0.5px solid;width:500px;">

<div class="header">

<img src="https://i.pinimg.com/736x/57/e6/19/57e6198b8b6968837f502ce380142669--oil-lamps-arabian-nights.jpg"style="width:120px;height:120px;object-fit:fit%;margin-left:25px;border-radius:50%;float:left">


<img src="https://i.pinimg.com/474x/0a/ed/28/0aed28a9dbcb760826bb23d44e245682--harem-girl-genie.jpg"style="width:120px;height:120px;object-fit:fit%;margin-right:25px;border-radius:50%;float:right">

<b style="font-size:15px"><br>

title of newspaper here</b>

<br><br>

<img src="https://fontmeme.com/permalink/220307/e4c7721122c8bc1a60a8427d779446b8.png"style="width:210px">

</div>

<hr style="border:0.5px solid;width:500px;">

<center>
<marquee direction="right"style="margin-top:5px;width:500px">
um write something here i guess, maybe the date or article number
</marquee>
</center>

<hr style="border:0.5px solid;width:500px;">


<div class="left">
<center>
<div style="width:100px;height:190px;border: 2px solid #FFB871"><br>

<img src="https://i.gifer.com/origin/61/61fd64dbc219fdd861dc4b1a9c3dfdb8.gif"style="width:75px;height:75px;border-radius:50%;object-fit:cover;"><br>

<center><b style="font-size:15px;color:#009CA4">
writer name
</b></center>

a short blurb about them or anything! mwah
      </div>    </center><br>

you can write something very short here! keep it simple, though, loves mwah

</div>

<div class="right">

<b style="font-family: 'Copse', serif;font-size:15px">
subtitle here
</b><br>

maybe write about recent articles you and your team have written to advertise?

<br><br>

<b style="font-family: 'Copse', serif;font-size:15px">
subtitle here
</b><br>

you could write about any playlist songs, gossip, or icebreakers here! or any latest news on site like new jobs!
</div>

<div class="middle">

<center><b style="font-family: 'Copse', serif;font-size:20px">
big subtitle for the article or a quote
</b></center><br>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vitae neque est. Phasellus nibh elit, aliquet auctor orci id, sollicitudin fermentum massa. Integer sit amet dolor maximus, finibus diam vel, faucibus est. Donec cursus sem sed efficitur tempus. Nunc condimentum mi erat, et dignissim orci faucibus at. Sed eu laoreet lectus, eget mattis dolor. Cras nec accumsan neque. Sed blandit, purus eu porta feugiat, sem est aliquam felis, eget vulputate purus tortor sed est. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.<br><br>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vitae neque est. Phasellus nibh elit, aliquet auctor orci id, sollicitudin fermentum massa. Integer sit amet dolor maximus, finibus diam vel, faucibus est. Donec cursus sem sed efficitur tempus. Nunc condimentum mi erat, et dignissim orci faucibus at. Sed eu laoreet lectus, eget mattis dolor. Cras nec accumsan neque. Sed blandit, purus eu porta feugiat, sem est aliquam felis, eget vulputate purus tortor sed est. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

</div>


<hr style="border:0.5px solid;width:500px;">

<center>
<div style="padding:15px;width:450px;text-align:left;">
here you can write a short note about wanting to hire people or if you need more journalists or someone to hire i don't really care what you write about. you can even leave this space empty! totally okay too, i don't mind. maybe put a pretty picture? who cares? it's your article and your place to have FUN! good luck my friendo, write something cool!

</div></center>

<hr style="border:0.5px solid;width:500px;">

</div>
</body></html>
<center><a href="https://aprilcodes.tumblr.com/" style="color:#000;font-size:12px;">april codes</a></center>