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

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

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

training Day 30

 Industrial Training – Day 30 Final Task Completion, Deployment & Presentation Preparation Today was the last day of my industrial training. I completed all remaining tasks of my project. Final checks were done to ensure design consistency. I tested responsiveness for mobile, tablet, and desktop. Minor bugs and layout issues were fixed. Animations and transitions were smoothed out. I validated the code for clean structure and optimization. All links and buttons were cross-checked. After completion, I moved on to deployment. I used GitHub Pages for hosting. Uploaded all project files successfully. Next, I started preparing for the presentation. Created a clear and simple slide deck. Explained the objective of the project. Added tools and technologies used. Listed out major features of the project. Included screenshots and live demo link. Practiced explaining key points confidently. I also made a checklist to cover during the presentation. The entire training...
Read more