web123456

HTML how to make a company website homepage (web front-end final big assignment)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Seva Software</title> <! -- introduce css -->. <link rel="stylesheet" href="css/"> </head> <body> <! -- Top navigation bar -->! <div id="top"> <video src="file/1213.mp4" autoplay="" loop=""></video> <div id="title"> <img class="logo" src="picture/" alt=""> <ul id="waicengbox"> <li class="tile"> <ul id="littlebox"> <li> <a href="">home page (of a website)</a> </li> </ul> </li> <li class="tile"> <ul id="littlebox"> <li> <a href="">intelligent manufacturing</a> </li> </ul> <div class="xialacaidan"> <p> digital twin factory </p> <p> Workshop visualization and monitoring </p> <p> Digital transformation of small and medium-sized manufacturing industries </p> </div> </li> <li class="tile"> <ul id="littlebox"> <li> <a href="">intelligent park</a> </li> </ul> <div class="xialacaidan" style="width: 120px;left: -10px;"> <p> General Purpose Park </p> <p> intelligent building </p> <p> industrial park </p> <p> substation house </p> <p> port terminal </p> </div> </li> <li class="tile"> <ul id="littlebox"> <li> <a href="">data center</a> </li> </ul> </li> <li class="tile"> <ul id="littlebox"> <li> <a href="">Tools and services</a> </li> </ul> <div class="xialacaidan" style="width: 180px;left: -40px;"> <p> Telecom Interface Development Components </p> <p> 3D Graphics Development Tools </p> <p> visualization service </p> </div> </li> <li class="tile"> <ul id="littlebox"> <li> <a href="">with respect to</a> </li> </ul> <div class="xialacaidan" style="width: 120px;left: -10px;"> <p> About Us </p> <p> Success Stories </p> <p> Latest News </p> <p> Contact Us </p> </div> </li> </ul> <p class="phont"> <img src="picture/" alt=""> 400-8659-625 </p> </div> </div> <! -- Delivery -- >. <div id="jiaofuubox"> <div id="jiaofu"> <div> <span> 1,000+</span>classifier for families or businesses e.g. shops, companies <br> Service Clients </div> <div> <span>500+</span>classifier for individual things or people, general, catch-all classifier <br> Delivery of projects </div> <div> <span> 10,000+</span>classifier for individual things or people, general, catch-all classifier <br> Managing digital twins </div> <div> <span>6,000+</span>classifier for individual things or people, general, catch-all classifier <br> Working in the digital twin industry </div> </div> </div> <! -- Subtitle -->. <div id="little_title"> <h1 style="font-weight: normal;">Digital Twins, Revolutionizing Manufacturing, Creating New Value</h1> <img src="picture/" alt=""> <span>We offer you digital twin building services in these business areas</span> </div> <! -- Intermediate content area -- >! <div id="main_msg"> <ul> <li> <img src="picture/" alt=""> <div class="neirong"> <h2> intelligent manufacturing <span>Intelligent Manufacturing</span> </h2> </div> <img class="msggengduo" src="picture/" alt=""> </li> <li> <img src="picture/" alt=""> <div class="neirong"> <h2> intelligent park <span>Smart Park</span> </h2> </div> <img class="msggengduo" src="picture/" alt=""> </li> <li> <img src="picture/" alt=""> <div class="neirong"> <h2> smart city <span>Smart City</span> </h2> </div> <img class="msggengduo" src="picture/" alt=""> </li> <li style="width: 530px;"> <img src="picture/" alt=""> <div class="neirong"> <h2> data center <span>Data Center</span> </h2> </div> <img class="msggengduo" style="left: 241px;" src="picture/" alt=""> </li> </ul> </div> <! -- Subtitle -->. <div id="little_title"> <h1 style="font-weight: normal;">Application Scenario Architecture Diagram</h1> <img src="picture/" alt=""> </div> <! -- Architecture diagram --> <div id="jiagoutu"> <img src="picture/" alt=""> </div> <! -- Subtitle -->. <div id="little_title"> <h1 style="font-weight: normal;">Typical Application Systems</h1> <img src="picture/" alt=""> </div> <! -- Intermediate content area -- >! <div id="main_msg2"> <ul> <li style="height: 322px;"> <img src="picture/" alt=""> <div class="neirong"> <h2> Factory Digital Twin </h2> </div> </li> <li style="height: 322px;"> <img src="picture/" alt=""> <div class="neirong"> <h2> Production line visualization monitoring system </h2> </div> </li> <li style="height: 322px;"> <img src="picture/" alt=""> <div class="neirong"> <h2> Production line visualization monitoring system </h2> </div> </li> <li style="width: 530px;height: 322px;"> <img src="picture/" alt=""> <div class="neirong"> <h2> Pan-Intelligent Campus IOC Visualization System </h2> </div> </li> </ul> </div> <! -- Subtitle -->. <div id="little_title"> <h1 style="font-weight: normal;">Customer Cases</h1> <img src="picture/" alt=""> <span>We go all out on every project</span> </div> <div id="kehuanli"> <ul style="width: 1280px;"> <li><img src="picture/" alt=""> <p>fabrication</p> </li> <li><img src="picture/" alt=""> <p>electrical power</p> </li> <li><img src="picture/" alt=""> <p>correspond (by letter etc)</p> </li> <li><img src="picture/" alt=""> <p>financial</p> </li> <li><img src="picture/" alt=""> <p>governments</p> </li> <li><img src="picture/" alt=""> <p>transportation</p> </li> <li><img src="picture/" alt=""> <p>(sth. or sb) else</p> </li> </ul> <div id="clear2"> </div> </div> <! -- Content of the project --> <div id="xiangmu"> <img src="picture/" alt=""> <div id="xiangmuneirong"> <div id="xiangmuneirongbox"> <div id="xiangmuneirongbox_left"> <div class="main_text"> <h2>Digital Twin Factory Project for Automotive Parts Manufacturing</h2> <img src="picture/" alt=""> <p class="fiesttxt"> Achieving intelligent manufacturing is the road to digital transformation of industrial manufacturing industry, digital twin as a universal technology to achieve intelligent manufacturing, through the construction of digital twin factory, workshop visualization and integrated monitoring solutions to help the intelligent development of manufacturing industry. </p> <p class="lasttxt">See more+</p> </div> </div> <img src="picture/" alt=""> </div> </div> </div> <! -- Customer Cases --> <div style="position: relative;"> <div class="bgimg"> <img src="picture/" alt=""> </div> <! -- Subtitle -->. <div id="little_title"> <h1 style="font-weight: normal;color: #fff;">Our latest news</h1> <img src="picture/" alt=""> <span style="color: #fff;">Extremely fast response, pioneering and innovative</span> </div> <div id="dongtaititle"> <span>Company News</span> <span>industry dynamics</span> <span>Latest Articles</span> </div> <div id="dongtai_list"> <ul> <li> <img src="picture/" alt=""> <h2>Huawei's Intelligent Park team visited Seva to discuss the construction of the Intelligent Park. </h2> <p> Recently, Huawei Intelligent Park Delivery and Service General Headquarter Address: Meijiabang Road, Songjiang District, Shanghai, China <br> 12/F, Twin Heights Plaza, No. 35, Lane 800 </span> </li> </ul> </div> <div id="guanzhu"> <h1 style="width: 189px;">Contact Us</h1> <ul> <li> <img src="picture/" alt=""> <p>WeChat Public</p> </li> <li> <img src="picture/" alt=""> <p>WeChat Assistant</p> </li> </ul> </div> </div> <div id="banquanxinxi"> <p> Servasoft(Shanghai)| Copyright © 2022 Servasoft All Rights Reserved short name for ShanghaiICPget ready10200962horn (wind instrument)-1 </p> <p> Main: Digital Twin Visualization Intelligent Park Visualization 3d Visualization Platform 3D Visualization </p> <p> Technical Support:Shanghai Website </p> <img src="picture/" alt=""> </div> </div> </body> </html>