Training Day 12

 

📝 Industrial Training – Day 12

Today is my 12th day of my industrial training  and it was a productive day. I began the day by successfully deploying my HTML and CSS project on GitHub Pages. After days of designing, coding, and Created  homepage, pricing, customer reviews, and footer.

Alongside deployment, I continue learning about the CSS transition property, which is used to create smooth animations when changing CSS properties. I studied how to apply transitions on elements like buttons, cards, and images to make the user experience more interactive and polished.

To practice this, I completed a task where I built a rotated testimonial card that included  hover effect using transition and transform. The card would rotate back to normal and slightly zoom in when hovered, which added a professional and modern touch to the design.

From this task, I properly understand about:

  • transition-duration, transition-timing-function, and transition-property work together

  • You can combine transform with transition to create animated UI effects

 After that I deploy transition css task on my github.Overall, today's session help me to polish my front-end skills and taught me about diffrent properties in CSS with this my day was ended.!

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