Responsive Restaurant Component - Copy this Angular, Css Component to your project
I give a u an html code make it responnsive <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF 8"> <meta name="viewport" content="width=device width, initial scale=1.0"> <title>Document</title> <meta name="viewport" content="width=device width, initial scale=1.0"> <link rel="stylesheet" href="skdf.css"> </head> <body> <div class="main"> <nav class="navbar"> <div class="photo"><img class="logo" src="photo/flame 1964066_640 Copy.webp"> </div> <ul class="nav"> <li class="navver"><a class="navbartext" href="#">Home</a></li> <li class="navver"><a class="navbartext" href="#">Orders</a></li> <li class="navver"><a class="navbartext" href="#">Contact Us</a></li> <li class="navver"><a class="navbartext" href="#">About Us</a></li> </ul> </nav> <! welcome start > <div class="welcomeimagecontainer"> <div class="welcomeline"><h2 class="welcome">Welcome for Ordering</h2> <div class="welcometext">come to eat the best meal of your life and you will never regret it and i know that you will love it</div> <button class="ordernow" href="#">Order now</button> </div> </div> </div> <div class="items"> <div class="item1"> <img class="item1p" src="photo/bell peppers 1302126_640.jpg" alt=""> </div> <div class="item2"><img src="photo/food 366875_640 Copy.jpg" alt="" class="item2p"></div> <div class="item3"><img src="photo/fruit 8379081_640 Copy.webp" alt="" class="item3p"></div> </div> <div class="itemnamecontainer"> <div id="one" class="itemnames">Ice Socked Bell Pepper</div> <div id="two" class="itemnames">Five Platter Special </div> <div id="three" class="itemnames">Yellow Bell Pepper</div> </div> <div class="patners"> <u><b><h1 class="partnerheader">Partners </h1></b></u> <div class="items"> <div class="item1"> <img class="item1p" src="android 1693894_640.webp" alt=""> </div> <div class="item2"><img src="photo/banana 8719086_1280.webp" alt="" class="item2p"></div> <div class="item3"><img src="photo/fishing " alt="fgasdf" class="item3p"></div> </div> </div> <form class="endform" action="golu.html"> <div id="feedback" class="partnerheader">Feedback</div> <input class="inputs" placeholder="Enter name" type="text"> <input class="inputs" placeholder="Enter email" v type="text"> <input class="inputs" placeholder="enter feed back" type="text"> <button onclick="myfunction()" href="#" class="feedbtn">Submit</button> </form> </body> </html>
