<!DOCTYPE html> <html> <head> <title>My Resume</title> </head> <style> #resume { max-width: 800px; margin: 0 auto; padding: 20px; font-family: Arial, sans-serif; color: #333; } h1 { font-size: 36px; margin-bottom: 10px; } p { font-size: 24px; margin-bottom: 20px; } hr { border: none; border-top: 2px solid #333; margin: 20px 0; } h2 { font-size: 24px; margin-bottom: 10px; } ul { margin: 0; padding: 0; list-style: none; } li { margin-bottom: 10px; } .bullet li{ list-style: disc; margin-left: 20px; } .skills li { display: inline-block; background-color: #f2f2f2; padding: 5px 10px; margin-right: 10px; margin-bottom: 10px; border-radius: 5px; } #header { position: relative; padding: 20px; background-color: #f0f0f0; } #header img { position: absolute; top: 0; left: 0; width: 100px; height: 100px; } #p1{ margin-left:50px; height:250px; width:300px; border-radius:50%; margin-top:100px; } #r1{ display:flex; } #r2{ margin-top:200px; margin-left:200px; width:300px; } #r3{ display:flex; } #photo { margin-right: 200px; height:270px; } img { width: 50%; border-radius:50%; margin-left:200px; margin-top:130px; height: auto; } .id2 li{ background-color: #f2f2f2; padding: 5px 10px; margin-right: 10px; margin-left:10px margin-bottom: 10px; border-radius: 5px; align-items: center; } .container { display: flex; justify-content: flex-end; align-items: center; padding-right: 5px; } .summary { background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.3); padding: 20px; margin-left: 50px; } p { font-size: 18px; line-height: 1.5; color: #333; text-align: justify; margin-bottom: 0; } footer { text-align:center; background-color: #f2f2f2; padding: 10px; position: fixed; bottom: 0; left: 10; right: 0; } .id5{ width: 70px; height: 120px; border-radius: 50%; } .id6{ display: flex; height: 230px; text-align: center; align-items: center; } </style> <body> <div id="r1"> <div id="resume"> <div id="r2"> <h1>M P C S Reddy</h1> </div></div> </div> <div id="resume"> <p>Web Developer</p> <strong><hr></strong> <h2>About me</h2> <a href="b1.html">Click here to know for About Me</a> <h2>Education Details</h2> <a href="b2.html">Click to know my Education Details</a> <h2>Hobbies</h2> <div id="r3"><div><ul class="bullet"> <li>Reading books</li> <li>Watching Movies</li> <li>Playing Cricket , Kabaddi</li> <li>Eating a Lovable Food</li> </ul></div> <div><div class="container"> <div class="summary"> <p> <strong><h2>Summary</h2></strong><br> I am a highly motivated and results-driven to be a web developer for designing and developing responsive websites and web applications. I have a little bit expertise in HTML, CSS, JavaScript, and various web development frameworks such as React and Angular. I am a quick learner with strong problem-solving and analytical skills. I am passionate about creating innovative and user-friendly web solutions that meet the needs of clients and users alike. </p></div> </div> </div></div> <section> <h2>Skills</h2> <ul class="skills"> <li>Java</li> <li>C</li> <li>Python</li> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> <li>Machine Learnig</li> </ul> </section> <h2>Accomplishments</h2> <a href="b3.html">Click here to know my Accomplishments</a> <h2>Projects</h2> <ul> <li>Project 1: Cyber Security</li> <li>Project 2: Machine Learning</li> </ul> <section> <h4>@follow me on</h4> <ul > <div class="id6"> <div class="id9"> <img src="https://static.vecteezy.com/system/resources/previews/002/079/984/original/phone-icon-flat-style-isolated-on-grey-background-telephone-symbol-call-illustration-sign-for-web-and-mobile-app-free-vector.jpg" class="id5" alt=""><br><br> <b>8688129211</b> </div> <div> <img src="https://is3-ssl.mzstatic.com/image/thumb/Purple116/v4/68/47/0c/68470c61-2463-f246-bda3-ada508a6061f/Prod-0-1x_U007emarketing-0-7-0-85-220.png/1200x600wa.png" class="id5" alt=""><br><br> <b>mpcsreddy</b> </div> <div class="id10"> <img src="https://pbs.twimg.com/profile_images/1318652224638124032/wrpp2Nl4_400x400.png" class="id5" alt=""><br><br> <b>8688129211</b> </div> <div class="id11"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1b/Facebook_icon.svg/640px-Facebook_icon.svg.png" class="id5" alt=""><br><br> <b>mpcsreddy</b> </div> <div class="id11"> <img src="https://play-lh.googleusercontent.com/ZU9cSsyIJZo6Oy7HTHiEPwZg0m2Crep-d5ZrfajqtsH-qgUXSqKpNA2FpPDTn-7qA5Q" class="id5" alt=""><br><br> <b>8688129211</b> </div> </div> </ul> </section> </div> <footer> <p>Thank you for visiting my protofolio!</p> </footer> </body> </html>