-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
7 changed files
with
699 additions
and
19 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,119 @@ | ||
| <!DOCTYPE HTML> | ||
| <html> | ||
| <head> | ||
| <title>Prashanth Blogger</title> | ||
| <link rel="icon" type="image/x-icon" href="images/favicon.ico"> | ||
| <meta charset="utf-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> | ||
| <link rel="stylesheet" href="assets/css/main.css" /> | ||
| <noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript> | ||
| </head> | ||
| <body> <h2 style="background-color: #ff5e00; color: white; padding: 10px;">Prince builds a mysterious journey</h2></body> | ||
| <style> | ||
| html, body { | ||
| height: 100%; | ||
| margin: 0; | ||
| padding: 0; | ||
| font-family: Arial, sans-serif; | ||
| background-color: #fbfbfb; | ||
| line-height: 1.5; | ||
| } | ||
|
|
||
| .container { | ||
| display: flex; | ||
| flex-direction: column; | ||
| min-height: 100%; | ||
| } | ||
|
|
||
| .story-section { | ||
| flex: 1; | ||
| width: 80%; | ||
| background-color: #2a2827; | ||
| border: 4px solid #dddd0d; | ||
| padding: 20px; | ||
| margin: 20px auto; | ||
| border-radius: 2px; | ||
| text-align: center; | ||
| } | ||
|
|
||
| .story-section img { | ||
| width: 100%; | ||
| max-width: 600px; | ||
| height: auto; | ||
| border-radius: 8px; | ||
| margin: 0 auto; | ||
| } | ||
|
|
||
| .description { | ||
| color: #fd0404; | ||
| font-size: 24px; | ||
| text-align: center; | ||
| font-weight: bold; | ||
| } | ||
|
|
||
| .custom-font-size { | ||
| color: #fbfbfb; | ||
| font-size: 18px; | ||
| text-align: justify; | ||
| } | ||
| footer { | ||
| background-color: #faf6f4; | ||
| color: rgb(153, 10, 10); | ||
| text-align: center; | ||
| padding: 10px 0; | ||
| } | ||
| /* Mobile Styles */ | ||
| @media only screen and (max-width: 600px) { | ||
| .custom-font-size { | ||
| text-align: justify; /* Text alignment for mobile phones */ | ||
| } | ||
| } | ||
|
|
||
| /* Tablet Styles */ | ||
| @media only screen and (min-width: 601px) and (max-width: 1024px) { | ||
| .custom-font-size { | ||
| text-align: justify;/* Text alignment for tablets */ | ||
|
|
||
| } | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <h1> Prince’s First Day of School </h1> | ||
| <h2 style="color: blue;"><i> Chapter 02</i></h2> | ||
| <div class="story-section"> | ||
|
|
||
| <li> <img src="images A/chapter 2/SA.JPG" alt=""> | ||
| <p class="description"></pclass>Prince’s First Day of School </p> | ||
| <li></li><P1 class="custom-font-size"></P1class>The prince was nervous as he woke up early on his first day of school. He had been looking forward to starting school for months, but as the day finally arrived, he was filled with anxiety. He dressed in his new school uniform, which his mother had purchased for him with great care, and ate a quick breakfast before heading out the door. | ||
| </P1></li> | ||
| <li></li><P1 class="custom-font-size"></P1class>As he walked to school, the prince’s nerves only grew stronger. He worried about making friends, fitting in, and understanding all the lessons his teacher would teach him. When he arrived at the school, he saw many other children walking in the same direction and tried to smile at them. A few of them smiled back, which made Prince feel a little better. | ||
| </P1></li> | ||
| </li> | ||
|
|
||
| <li> <img src="images A/chapter 2/SA1.JPG" alt=""> | ||
| <p class="description"></pclass> </p> | ||
| <li></li><P1 class="custom-font-size"></P1class>When Prince walked into the classroom, his teacher greeted him warmly and introduced him to the rest of the class. All the other children turned to look at him, and Prince felt a little self-conscious. However, the teacher quickly went back to her lesson, and the other children returned their attention to her. | ||
| </P1></li> | ||
| <li></li><P1 class="custom-font-size"></P1class> As the day went on, Prince felt more at ease because he discovered that he already understood some of the information the teacher was covering. He made a few friends and played games with them at recess. When the last bell sounded, Prince was exhausted but content. Prince came to the conclusion that his first day wasn’t all that horrible as he made his way home from school. He had made a few new friends, discovered a few things, and even enjoyed himself. | ||
| </P1></li> | ||
| <li></li><P1 class="custom-font-size"></P1class>Prince felt more excited than nervous for his next day of school and knew that he would have a great time at school this year. | ||
| </P1></li> | ||
| </li> | ||
|
|
||
| <li> <P2 class="custom-font-size"></P2class>This story will continue in Chapter 03…… </P2></P2> </li> | ||
| </div> | ||
| <footer> | ||
| <ul class="icons "> | ||
| <li><a href="https://medium.com/@kpsvdp" class="icon brands fa-medium"><span class="label">medium</span></a></li> | ||
| <li><a href="https://twitter.com/KPSVDPrashanth" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li> | ||
| <li><a href="https://www.facebook.com/kpsvd.prashanth" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li> | ||
| <li><a href="https://www.instagram.com/prashanth_k.p.s.v.d" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li> | ||
| <li><a href="https://github.com/kpsvdp" class="icon brands fa-github"><span class="label">GitHub</span></a></li> | ||
|
|
||
| </ul> | ||
| </footer> | ||
|
|
||
| </body> | ||
| </body> | ||
| </html> |
Oops, something went wrong.