only in my dreams || article

♡ hey there my fellow coders! thanks so much for using my code once again. i'm going to keep it short for now because i have so much more things to code so stay tuned! anyways, this is an article code with blue aesthetics and a hint of pink too! don't forget if you want a request and fill in the form! <3 right! have fun and remember to keep the credits! ♡

best dreams,
kay <3

--CODE STARTS BELOW THIS TEXT--
<style>
/*Scrollbar*/
::-webkit-scrollbar {width: 0px;}
::-webkit-scrollbar-thumb {background: #fff;}
::-webkit-scrollbar-thumb:hover {background: #fff;}
  span, p{
font-family:'Times New Roman';
}
  h1{
    font-family: 'ZCOOL QingKe HuangYou';
  }

</style>

<div style="background:url(https://i.pinimg.com/564x/f6/25/22/f62522608092874b55ab2ae5d2d9b14d.jpg);padding:5%">
<div style="background: #bcd4e6;padding:5%;border:2px solid">
<center><img src="https://fontmeme.com/permalink/220306/bf9067418c3b7007b2ec05c585e1ad74.png" alt="name of paper" border="0" style="width:200px">
<h1><img src="https://fontmeme.com/permalink/220306/6c24c70c09de5357c5e78171faeebb61.png" alt="style-script-font" border="0" style="margin-top:-2px;width:400px"></h1></center>

<hr style="border:double;border-width:thin;">
<span><marquee direction="right">#000 - DD/MM/YY</marquee>
<hr style="border:double;border-width:thin;">

<div style="background: #bcd4e6;padding:5%;border:#5a809c 2px double;width:150px;height:550px;float:right;margin-right:-3px;margin-left:4px">
<center><img src="https://fontmeme.com/permalink/220306/4a711c8dd57f8373cd93b9833c9c23ab.png" alt="style-script-font" border="0" style="margin-top:-2px;width:150px">
<hr style="border:double;border-width:thin;">
<b>What's New</b><br>
✩ Add Topic Here<br>
✩ Add Topic Here<br>
✩ Add Topic Here<br>
<hr style="border:double;border-width:thin;">
<b>Job Openings</b><br>
✩ Job | Apply Here<br>
✩ Job | Apply Here<br>
✩ Job | Apply Here<br>
<hr style="border:double;border-width:thin;">
<b>Quote of the Day</b><br><br>
❝ But never have I been a blue calm sea. I have always been a storm.❞<br><br>
- Stevie Nicks
<hr style="border:double;border-width:thin;">
<b>Today's Star</b><br><br>
<img src="https://media.glamour.com/photos/57430b107901654209e877ec/3:2/w_318,h_212,c_limit/aurora-sleeping-beauty.gif" style="border-radius:50%;width:80px;height:80px;"><br>
✮ Insert Full Name ✮
</div>
<img src="https://i.pinimg.com/474x/db/74/23/db742353cc15a4ef0911f6b3f6e61851.jpg" style="float:left;width:150px;height:150px;margin-left:2px;margin-right:10px;margin-top:10px;margin-bottom: 10px;border: #72a0c1 5px double">
<p>hello hello! i bringeth you our SECOND article code! there are a lot of codes we have ready to make and i'm literally soooo excited to upload them so stay tuned! okay you did not hear that from me.
<img src="https://i.pinimg.com/474x/a6/f8/73/a6f8731fbca595cdb32dafba198bd95c.jpg" style="float:right;width:150px;height:150px;margin-left:5px;margin-right:10px;margin-top: 10px;border: #72a0c1 5px double">
anyways, this article code is similar to the one Izzy made. i used hers as a base but then added my own style on it. first of all, i just have to say that this code was inpsired by my amazing friend, April. i don't usually promote others but CHECK OUT HER TUMBLR (https://aprilcodes.tumblr.com/). she made a code that inspired me for this article. as you can see there is a long verticle box on the right. that idea came from one of April's class overviews that had two sections. and it inspired me to make a seperate section for this article. so big and huge thanks to April for being such an amazing friend and coder.
<p>i wanted to give it a theme from one of my favorite disney character (besides alice but alice will always have my heart). so i based it on Disney's Sleeping Beauty. we all know that she is either blue OR pink. so i included a little pink in this code from the flowers and 2 aesthetic pictures. her outfit in the gifs also carry a little pink so that's perfect! anyways, enjoy this code and hopefully you like it! thanks again for using it! it truly means alot. <b>keep the credit!</b> and it's all i ask. happy coding! - kay
<img src="https://i.pinimg.com/474x/6a/0e/04/6a0e04f5420dcc269557bc473af7e173.jpg" style="float:right;width:150px;height:150px;margin-left:5px;margin-right: 10px;margin-top:10px;border: #72a0c1 5px double">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sit amet mauris lacus. Aliquam non arcu vitae ante cursus dictum. Integer eu ex purus. Phasellus imperdiet cursus lacinia. Nam mi velit, consectetur ut libero ut, semper varius risus. Fusce sit amet nisl finibus, porta ligula vel, ultricies libero. In convallis, magna non sollicitudin volutpat, dui orci tincidunt nisl, in ultrices est leo eu dui. Fusce vitae justo posuere, hendrerit orci eget, tempus nisl. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sit amet mauris lacus. Aliquam non arcu vitae ante cursus dictum. Integer eu ex purus. Phasellus imperdiet cursus lacinia. Nam mi velit, consectetur ut libero ut, semper varius risus. Fusce sit amet nisl finibus, porta ligula vel, ultricies libero. In convallis, magna non sollicitudin volutpat, dui orci tincidunt nisl, in ultrices est leo eu dui. Fusce vitae justo posuere, hendrerit orci eget, tempus nisl.
<p>
<img src="https://i.pinimg.com/474x/06/81/4e/06814eaab0d644e4d8032278219fd127.jpg" style="float:left;width:150px;height:150px;margin-left:2px;margin-right:10px;margin-top:5px;margin-bottom: 5px;border: #72a0c1 5px double">
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sit amet mauris lacus. Aliquam non arcu vitae ante cursus dictum. Integer eu ex purus. Phasellus imperdiet cursus lacinia. Nam mi velit, consectetur ut libero ut, semper varius risus. Fusce sit amet nisl finibus, porta ligula vel, ultricies libero. In convallis, magna non sollicitudin volutpat, dui orci tincidunt nisl, in ultrices est leo eu dui. Fusce vitae justo posuere, hendrerit orci eget, tempus nisl. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sit amet mauris lacus. Aliquam non arcu vitae ante cursus dictum. Integer eu ex purus. Phasellus imperdiet cursus lacinia. Nam mi velit, consectetur ut libero ut, semper varius risus. Fusce sit amet nisl finibus, porta ligula vel, ultricies libero. In convallis, magna non sollicitudin volutpat, dui orci tincidunt nisl, in ultrices est leo eu dui. Fusce vitae justo posuere, hendrerit orci eget, tempus nisl. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sit amet mauris lacus. Aliquam non arcu vitae ante cursus dictum. Integer eu ex purus. Phasellus imperdiet cursus lacinia. Nam mi velit, consectetur ut libero ut, semper varius risus. Fusce sit amet nisl finibus, porta ligula vel, ultricies libero. In convallis, magna non sollicitudin volutpat, dui orci tincidunt nisl, in ultrices est leo eu dui. Fusce vitae justo posuere, hendrerit orci eget, tempus nisl.
<p>
<hr style="border:double;border-width:thin;">
<span><marquee direction="right">Advertisement Slogan | Advertisement Here | Contact</marquee>
<hr style="border:double;border-width:thin;">

<center><img src="https://64.media.tumblr.com/d6a6ad767f9506b3d29936e18d921ba7/tumblr_pjmsotDW2F1wzypxlo1_500.gifv" style="border-radius:50%;width:150px;height:150px;"><br><span style="font-size:10px;">written by:</span><br><img src="https://fontmeme.com/permalink/220306/cd0783e93bf4bca41bc36216abfd520e.png" alt="signature here" border="0" style="margin-top:10px;width:250px"></span></div>
    </div>
  <center><a href="https://kkodes.wixsite.com/dreamer" style="color:#000;font-size:12px;"><b><u>kay kodes</u></b></a></center>
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Arima+Madurai&display=swap" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=ZCOOL+QingKe+HuangYou&display=swap" rel="stylesheet">