Training Day 10 Blog – Building small website 

On Day 10 of my Training,  The focus for the day was on creating a complete and responsive structure, covering all the essential components of a website.  I started it with creating a  main homepage, which serves as the entry point of the website. It includes a well-structured navigation bar,  and visually appealing content blocks that introduce the purpose and features of the site.

After setting up the main page, I moved on to designing the User Page. This page was tailored to enhance user interaction and personalization. It includes sections where users can log in, manage their profiles, and view personalized data. We ensured the layout was clean and user-friendly, keeping accessibility in mind.

Next, I developed the Subscription Page, which allows users to choose between different plans. I used pricing cards with r design to display features of each plan clearly. Buttons for subscribing were styled with hover effects, and the layout adjusts smoothly for mobile and desktop devices.

I also included a Customer Review Section to build trust . This section showcases testimonials from users in a slider format or grid layout with names, ratings, and feedback. It gave the website a professional and social proof element, which is vital for conversions.

Finally, we wrapped up the development by implementing the Footer Section. The footer includes contact links, quick navigation, social media icons, and copyright information. We ensured the footer was consistent across all pages and responsive on different devices.

Throughout the process, I focused on clean HTML structure and CSS styling. I made sure all the pages were mobile responsive, visually appealing, and consistent in design. This hands-on experience helped reinforce our understanding of layout design, responsive web design principles, and user experience best practices.

By the end of the day, I almost completed website some minor changes were left in it. 

Comments

Post a Comment

Popular posts from this blog

Day 34

 Industrial Training – Day 34 Topic: JavaScript Control Statements Date: 1st August 2025 Today in my industrial training, I learned about control statements in JavaScript, which are used to make decisions and control the flow of the program. I started with conditional statements : if if...else if...else if...else switch These helped me write logic to make decisions based on conditions. For example, checking if a user is eligible to vote. Next, I worked on loops : for while do...while Loops helped me execute code multiple times. I practiced printing number sequences and iterating through arrays. I also learned about: break (to exit a loop early) continue (to skip one iteration) I wrote small programs using these statements for better understanding. 
Read more

Training Day 25

 Industrial Training – Day 25  Today marked the 25th day of my industrial training journey, and I successfully completed the final part of my current project – the User Review or Testimonials section. This section plays a key role in building user trust, as it highlights positive feedback from previous clients or users of the service. To create this part, I used clean and responsive HTML and CSS. I designed multiple review cards that display the user's name, photo, star rating, and their feedback. I ensured that each review card had a modern, minimalistic look with proper padding, margins, and shadow effects to make them visually appealing. For mobile responsiveness, I used media queries to adjust the layout – reviews appear in a single column on smaller screens and in a grid on larger ones. I also used flexbox and grid properties to ensure alignment and spacing were consistent. One of the challenges I faced was making the layout look uniform despite having reviews of differen...
Read more

Traning Day 33

Industrial Training – Day 33: Exploring JavaScript Basics Today marked an exciting shift in my learning journey as I delved into the basics of JavaScript (JS) – the scripting language that adds interactivity to web pages. After working extensively with HTML and CSS in the previous weeks, I finally got hands-on with JS and started understanding how dynamic functionalities are built into websites. I began the day by learning about variables – how to declare them using var , let , and const , and understanding the difference between them. Then I explored data types like strings, numbers, booleans, and arrays. It was interesting to see how JavaScript handles operations and data storage. Next, I practiced writing functions – reusable blocks of code – and saw how they can help keep code clean and modular. I also explored conditional statements like if , else if , and else to make decisions in code. One of the highlights of the day was learning about loops like for and while , whic...
Read more