gleam and glow || lesson

♡ hello hello my fellow coders! it's your gal kay and i'm here with MY VERY VERY FIRST CODE!!! omg i'm very very excited to share this with you guys. i love to code although it CAN be frustrating at times LOL. anyways, you should know that I am self-taught so the codes i make might not be so fancy fancy and elaborate because i do not have the full education/knowledge about coding. i do try and hopefully you guys can have fun with it! my codes should be fairly simple so you should be able to edit to your heart's content AND add stuff easily. let me know if you have any questions or concerns. have fun!!♡

best dreams,
kay <3


--CODE STARTS BELOW THIS TEXT--
<html>
<center><div style="background-color: #f5f5f5;width:600px;height:700px;border:25px;border: 5px double #a3c1ad;">
<style>
/*Scrollbar*/
::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-thumb {background: #fff;}
::-webkit-scrollbar-thumb:hover {background: #fff;}
  }
  .column1{
   float:left;
   width: 500px;

  }
  .box{
width:500px;
height:400px;
margin-top:15px;
color:#fff;
background: #d6cadd;
overflow: auto;
text-align:left;
border:solid 1px #a3c1ad;
font-size:15px;
padding:12px;
float: center;
border-radius: 25px

  }

  </style>
<body>
<div class="title">
 <!--title-->
  <center><img src="https://fontmeme.com/permalink/220211/04b23c5f88c4d49270f468e7f0a3dafa.png" alt="style-script-font" border="0" style="margin-top:7px"></a>
<br>
<center><div class="body">
<div class="row">

<div class="box">
<!--body-->
<center>
hello hello peeps! thanks so much for using my code! it really means a lot to me you are interested enough to actually use it omg!!! ahem anyways, this is my very very very first original code. it took me 3 hours to make *insert laugh emoji*. i spent most of the time experimenting to see the best way to make this freaking code and what i want to make. at first, i planned on making a wallpost but unfortunately, it looked toooooo bland. so why not make a lesson?
<br><br>
this technically can be used as a wallpost AS WELL! yayy it's a multi-use code! okay lemme fast forward...
<br><br>
as you can see 'Title', 'Assignements', 'Requirements', 'Notes', and 'Add Name' are IMAGES! you can find a lot of fonts on <b>fontmeme</b>, which is where i got the texts. font sizes will depend on how long the text is. so go ahead and don't be afraid to play around with this code. you can tell this is deffo my first time making an ORIGINAL CODE and it might take me a while to make some more oop- anyways, i tried to make it as simple as possible to edit. as my skill grows i'm sure my codes will evolve as well! if you have any tips on how to code better YOU DEFFO CAN LET ME KNOW!
<br><br>
other than that, please <b>do not remove credit at any circumstances!! i prefer you not using my code at all than not including the credits</b>. images are available to move around. since my code isn't too complicated, moving things around should definitely be easy. also! if you do not want this main text to be in the center all you have to do is remove the 'center' at the top before this text begins. the 'assignment' until 'notes' i made to BE in the middle. but up to you! i personally think the assignemtent and notes should be left in the middle and i'm good with any position for the main text :)
<br><br>
without further ado, let the coding begin! have fun and go nuts with this! i hope you have as much fun as i did and minus the struggle haha. if you need any help or concerns LET ME KNOW!
<br><br>

<center>
<img src="https://i.pinimg.com/564x/f4/db/db/f4dbdbc8febc7bd49b8e58f662684931.jpg"style="width:200px;height:200px;margin-top:50px">
<img src="https://i.pinimg.com/564x/a8/49/fa/a849fa53137fcb1c90ca458040f27d6d.jpg"style="width:200px;height:200px;margin-top:50px">
<img src="https://i.pinimg.com/564x/f4/44/a5/f444a59484f7eded706ed57ea6540628.jpg"style="width:200px;height:200px;margin-top:-10px">
<img src="https://i.pinimg.com/564x/ee/5b/03/ee5b0332f54cdd84864565acfa624714.jpg"style="width:200px;height:200px;margin-top:-10px">
<br><br>
<img src="https://fontmeme.com/permalink/220211/09c9ca001b232d7978f148292c136ecf.png"style="width:200px;margin-left:;margin-top:1px">
<br><br>
🕮 Add Assignment<br><br>
🕮 Add Assignment<br><br>
🕮 Add Assignment<br><br>
  </br>
<img src="https://fontmeme.com/permalink/220211/81f933b00f394b9885de10e3c2fa8e35.png"style="width:200px;margin-left:;margin-top:1px">
<br><br>
➺ Add Requirement<br><br>
➺ Add Requirement<br><br>
➺ Add Requirement<br><br>
  </br>
<img src="https://fontmeme.com/permalink/220211/21deb06e76818bf8fc3a6ed0c30a1158.png"style="width:80px;margin-left:;margin-top:1px">
<br><br>
✎ Add Notes<br><br>
✎ Add Notes<br><br>
✎ Add Notes<br><br>

  </div>
 <img src="https://c.tenor.com/ADisf9MkWSkAAAAd/tangled-disney.gif"style="width:150px;height:150px;margin-top:30px">
<img src="https://fontmeme.com/permalink/220211/f02864d6eb5df21e8fd4fdd9819d27a7.png"style="width:300px;margin-left:10px;margin-bottom:50px">

</div>
<br><br>
</div></center></body></html><center><a href="https://kkodes.wixsite.com/dreamer" style="color:#000;font-size:12px;"><b><u>kay kodes</u></b></a></center>