Welcome to R.Memories

Study tips? Advices? Highschool drama??
Interesting topics here at R.Memories Podcast!

Listen to Podcast, click here

Welcome to R.Memories! It's nice to have you visit my Podcast page

Introducing the content creator of this website and podcast.

Hello, my name is Rianne Danielle Laurito, I am the content creator.
I am a grade 10 student in Smartclass and this podcast, as well as this website, is a part of my project for Quarter 1. Thank you for taking the time to browse my website and listen to my Podcast.

This Podcast will be filled with my stories being a high school student and some study tips/advices I have learned and that have helped me so far. This Podcast will keep the best memories I have stored from my junior year in high school, considering that this will be my last year in junior high.

This also encapsulates the meaning behind my podcast name, R.Memories, because not only is it a precious memory for me personally, but it also represents shared core memories of my classmates in junior high.

That's it for the About Section. Thank you for reading, and enjoy exploring my website! I hope you can spare me some time to listen to R.Memories Podcast.

Look forward on whats to come at R.Memories Podcast

This section shows the flow of each episodes

Episode 1 Podcast Flow

Topic: My student life

Intro: Music audio clip and Introduction of topic. Present short videos related to the subject.

Discussion: Transition to topic and share personal experience.

Closing: Transition to the topic for the next episode, ending music, short comments for the audience to wrap up the podcast.

Lastly, Thank the audience.

Click here

Wanna know what's about to happen??
If so, click the link above!

Thank you for opening this section.

Introducing the Audience Profile for R.Memories

This section will be brief, and will only present the target listeners for the R.Memories Podcast.

Age: 14-17 (highschoolers)

R.Memories is open for all genders, both male and female.

Preferably english speakers or filipino speakers or both

For more informations about the Audience Profile, check out the image in the right.

That's it for my Audience Profile section.Thank you for reading, enjoy exploring my website! I hope you can spare me some time to listen to R.Memories Podcast.

This section contains the overlays of my podcast

This was my first design! And it reminds me of this website
I have created giving the same vibe as the homepage.
I wanted to give my audiences the comforting vibe that
I have felt from making this podcast, and I hope
I have done it through this layout design.

This was my second design! And it makes me want to let my audiences feel the warmth and nostalgic feeling on my podcast. Also because my podcast is about reminiscing my high school life, I hope to bring my audiences the memories that they also have or had on their highschool life. I hope I have done it through this layout design.

These are just some examples of the overlay designs for my podcast. Stay tune on R.Memories Podcast every friday, to find out more of my special overlay designs.

Sample videos below are from Lane Margaret, Gift Podcast.
R.Memories Podcast Coming Soon!

Being Productive Budgeting Money Busy Schedule

Stay updated for new releases of R.Memories Podcast!

Contact Me Here Socials Youtube

*{ margin: 0; padding: 0%; } .navbar{ width: 1200px; height: 75px; margin: auto; } .icon{ width: 200px; float: left; height: 70px; } .logo{ color:rgb(255, 179, 0); font-size: 47px; font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; padding-left: 0%; float: left; padding-top: 27px; } .topnav { background-color:none; overflow: hidden; } .topnav a { float: right; color:rgb(241, 173, 16); text-align: center; padding: 29px; text-decoration: none; font-size: 20px; display: block; font-family: 'Franklin Gothic Medium'; padding-top: 31px; } .topnav a:hover { background-color: #e0a84f; color:rgb(255, 255, 255); } body{ background-color:rgb(241, 238, 221); } body div h1{ text-align: center; color: rgb(247, 185, 62); font-family: 'Franklin Gothic Medium'; padding: 13%; font-size: 50px; } body div p{ text-align: center; color: rgb(255, 255, 255); font-family: 'Franklin Gothic Medium'; padding: 0%; font-size: 18px; } .btn { display: inline-block; background-color: rgb(255, 255, 255); color:#e0a84f; text-align: center; text-decoration: none; font-size: 25px; border-radius: 5px; transition: background-color 0.3s ease; font-family: 'Franklin Gothic Medium'; align-items: center; padding: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -0%); } .btn:hover { background-color: #e0a84f; color: rgb(255, 255, 255) } .about .content{ overflow: hidden; background-size:100%; background-position:top; background-repeat:no-repeat; background-image:url(tilapia.jpg); background-color:rgb(241, 238, 221); height: auto; } .about .content h1{ text-align: left; color: rgb(182, 127, 38); font-family: 'Franklin Gothic Medium'; padding-bottom: 3px; padding-left: 5%; font-size: 30px; } .about .content h3{ text-align: left; color:#b99820; font-family:Arial, Helvetica, sans-serif; padding-top: 0%; padding-left: 5%; padding-bottom: 3px; font-size: 20px; } .about .content h4{ text-align: left; color:rgb(49, 41, 17); font-family:Arial, Helvetica, sans-serif; padding-top: 30px; padding-left: 5%; padding-bottom: 300px; padding-right: 50px; display: block; font-size: 18px; } .about .content img{ align-items: center; float: right; padding-left: 20px; padding-bottom: 10px; height: 400px; padding: 5px; width:auto; padding-right: 40px; padding-top: 3px; border-radius: 3%; } .Audience .content h1{ text-align: left; color: rgb(182, 127, 38); font-family: 'Franklin Gothic Medium'; padding-bottom: 0%; padding-left: 6%; padding-top: 0%; font-size: 30px; } .Audience .content{ padding-top: 100px; background-repeat: no-repeat; background-color:rgb(241, 238, 221); height: 100%; overflow: hidden; background-size:100%; background-position:top; background-image:url(tilapia.jpg); } .Audience .content h3{ text-align: left; color:#b99820; font-family:Arial, Helvetica, sans-serif; padding-top: 0%; padding-left: 6%; font-size: 20px; } .Audience .content h4{ text-align: left; color:rgb(74, 56, 3); font-family:Arial, Helvetica, sans-serif; padding-top: 30px; padding-left: 6%; padding-bottom: 300px; padding-right: 50px; display: block; font-size: 19px; } .Audience .content img{ align-items: center; float: right; padding-left: 20px; padding-bottom: 100px; height: 500px; width:auto; padding-right: 95px; padding-top: 0px; border-radius: 3%; } .Episodes .content{ overflow: hidden; background-size:100%; background-position:top; background-repeat:no-repeat; background-image:url(tilapia.jpg); background-color:rgb(241, 238, 221); height: auto; } .Episodes .content h1{ text-align: center; color: #f9b924; font-family: 'Franklin Gothic Medium'; padding-bottom: 700px; padding-left: 200px; padding-top: 105px; font-size: 30px; } .youtube1{ display: inline-block; background-color: #efa856; color: rgb(255, 254, 253); text-align: center; font-size: 30px; text-decoration: none; font-family: 'Franklin Gothic Medium'; align-items: center; padding: 10px; border-radius: 5%; position: relative; left: 20%; bottom: 600px; transform: translate(-50%, -50%); margin: 0 auto; padding-left: 30px; padding-right: 30px; } .youtube2{ display: inline-block; background-color:#efa856; color: rgb(255, 254, 253); text-align: center; font-size: 30px; text-decoration: none; font-family: 'Franklin Gothic Medium'; align-items: center; padding: 10px; border-radius: 5%; position: relative; left:30%; bottom: 600px; transform: translate(-50%, -50%); margin: 0 auto; padding-left: 30px; padding-right: 30px; } .youtube3{ display: inline-block; background-color:#efa856; color: rgb(255, 254, 253); text-align: center; font-size: 30px; text-decoration: none; font-family: 'Franklin Gothic Medium'; align-items: center; padding: 10px; border-radius: 5%; position: relative; left: 36%; bottom: 600px; transform: translate(-50%, -50%); margin: 0 auto; padding-left: 30px; padding-right: 30px; } .Socials .content h3{ text-align: center; color: rgb(211, 169, 18); font-family: 'Franklin Gothic Medium'; background-color:rgb(241, 238, 221); padding-bottom: 100px; padding-top: 50px; font-size: 29px; } .email{ display: inline-block; background-color: #f3c009; color: rgb(255, 254, 253); text-align: center; font-size: 30px; text-decoration: none; font-family: 'Franklin Gothic Medium'; align-items: center; padding: 10px; border-radius: 5%; position: relative; left: 50%; bottom: 20px; transform: translate(-50%, -50%); margin: 0 auto; padding-left: 30px; padding-right: 30px; } .instagram{ display: inline-block; background-color: #f3c009; color: rgb(255, 254, 253); text-align: center; font-size: 30px; text-decoration: none; font-family: 'Franklin Gothic Medium'; align-items: center; padding: 10px; border-radius: 5%; position: relative; left: 50%; bottom: 20px; transform: translate(-50%, -50%); margin: 0 auto; padding-left: 30px; padding-right: 30px; } .youtube{ display: inline-block; background-color: #f3c009; color: rgb(255, 254, 253); text-align: center; font-size: 30px; text-decoration: none; font-family: 'Franklin Gothic Medium'; align-items: center; padding: 10px; border-radius: 5%; position: relative; right: 50px; bottom: 20px; transform: translate(-50%, -50%); margin: 0 auto; padding-left: 30px; padding-right: 30px; } body .main{ background-image: url(hbg3.jpg); background-size:100% auto; background-position:top; background-repeat: no-repeat; height: 900px; } .Details .content h1{ text-align: left; color:#764b19; font-family: 'Franklin Gothic Medium'; padding-bottom: 0%; padding-left: 6%; padding-top: 5px; font-size: 27px; } .Details .content{ padding-top: 100px; overflow: hidden; background-size:100%; background-position:top; background-repeat:no-repeat; background-image:url(tilapia.jpg); background-color:rgb(241, 238, 221); height: auto; } .Details .content h3{ text-align: left; color:#4f441d; font-family:Arial, Helvetica, sans-serif; padding-top: 0%; padding-left: 6%; font-size: 20px; } .Details .content p{ text-align: left; color:rgb(163, 125, 36); font-family:Arial, Helvetica, sans-serif; padding-top: 19px; padding-left: 1px; padding-bottom: 20px; padding-right: 50px; display: block; font-size: 19px; } .Details .content h4{ text-align: left; color:rgb(37, 34, 25); font-family:Arial, Helvetica, sans-serif; padding-top: 10px; padding-left: 6%; padding-bottom: 300px; padding-right: 50px; display: block; font-size: 19px; } .Details .content img{ align-items: center; float: right; padding-left: 30px; padding-bottom: 100px; height: 361px; width: auto; padding-right: 95px; padding-top: 108px; border-radius: 3%; } .Details .content .ig{ display: inline-block; background-color: #deb00a9f; color: rgb(255, 254, 253); text-align: center; font-size: 30px; text-decoration: none; font-family: 'Franklin Gothic Medium'; align-items: center; padding: 10px; border-radius: 10%; position: relative; left: 50%; bottom: 150px; transform: translate(254px,-60px); margin: 0 auto; padding-left: 30px; padding-right: 30px; } .Details .content h5{ text-align: left; color:rgb(235, 178, 7); font-family:Arial, Helvetica, sans-serif; margin-top: -500px; padding-left: 809px; padding-bottom: 100px; padding-right: 50px; display: block; font-size: 26px; } .Designs .house h1{ text-align: center; color:#ecaf6a; font-family: 'Franklin Gothic Medium'; padding-bottom: 0%; padding-left: 159px; padding-top: 5px; font-size: 40px; } .Designs .house{ padding-top: 100px; overflow: hidden; background-size:100%; background-position:top; background-color:rgb(241, 238, 221); height: 900px; } .no1 { width: 100%; /* Makes the image take up 100% of its container width */ max-width: 500px; /* Sets a maximum width of the image */ height: auto; /* Keeps the aspect ratio */ border-radius: 8px; /* Adds rounded corners */ display: block; /* Removes the inline spacing under the image */ margin: 20px auto; /* Adds some spacing around the image */ margin-left: 90px; /* Moves the image 50px from the left */ margin-top: 50px; } .no2{ width: 100%; /* Makes the image take up 100% of its container width */ max-width: 500px; /* Sets a maximum width of the image */ height: auto; /* Keeps the aspect ratio */ border-radius: 8px; /* Adds rounded corners */ display: block; /* Removes the inline spacing under the image */ margin: 20px auto; /* Adds some spacing around the image */ margin-right: 90px; /* Moves the image 50px from the left */ margin-bottom: 500px; position: relative; top: -399px; } .Designs .house h3{ text-align: left; color:#cca108; font-family:Arial, Helvetica, sans-serif; padding-top: 100px; padding-left: 100px; font-size: 20px; } .Designs .house h2{ text-align: left; color:#cca108; font-family:Arial, Helvetica, sans-serif; margin-top: -112px; padding-left: 790px; font-size: 19px; padding-right: 50px; } .Designs .house h4{ text-align: left; color:#cca108; font-family:Arial, Helvetica, sans-serif; padding-top: 30px; padding-left: 100px; font-size: 20px; padding-right: 50px; }

R.Memories