Video narration
Here’s a simple About section built with HTML and CSS, and what it looks like on the page. In the HTML, we start with: <section id="about" class="about">. Inside it, an H2 heading in Gujarati reads “મારા વિશે”. Then a wrapper, <div class="about-content">, holds two parts: an image, <img src="profile.jpg" alt="મારો ફોટો" class="profile-pic">, and a text block with a paragraph about being a web developer, enjoying HTML, CSS, and JavaScript, and building user-friendly websites. Under that is a link styled like a button: <a href="#contact" class="btn">હાય કહો!</a>. Now the CSS: .about gets padding: 80px 50px and a white background. .about h2 is centered, has margin-bottom: 40px, and color #041938. For layout, .about-content uses display: flex, aligns items to the center, adds a 40px gap, caps width at 900px, and centers with margin: 0 auto. Finally, .profile-pic is 200px wide with a 10px border radius—so the image sits beside the text with soft rounded corners.