時間:2023-09-22 04:00:01 | 來源:網(wǎng)站運(yùn)營
時間:2023-09-22 04:00:01 來源:網(wǎng)站運(yùn)營
個人設(shè)計(jì)web前端大作業(yè)——HTML+CSS華為官網(wǎng)首頁:常見網(wǎng)頁設(shè)計(jì)作業(yè)題材有 個人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他等網(wǎng)頁設(shè)計(jì)題目, A+水平作業(yè), 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計(jì)需求都能滿足你的需求。原始HTML+CSS+JS頁面設(shè)計(jì), web大學(xué)生網(wǎng)頁設(shè)計(jì)作業(yè)源碼,畫面精明,排版整潔,內(nèi)容豐富,主題鮮明,非常適合初學(xué)者學(xué)習(xí)使用。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>華為商城</title> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/swiper.min.css"> <link rel="stylesheet" href="css/font.css"> <link rel="stylesheet" href="css/1.css"></head><body> <div class="nav-top hidden-sm hidden-xs"> <div class="nav-height"> <div class="container"> <ul class="clearfix"> <li> <a href="javascript:;"> 集團(tuán)網(wǎng)站 <i></i> </a> </li> <li> <span class="xu"> <a href="javascript:;"> <i></i> 選擇區(qū)域/語言 <i></i> </a> </span> <span> <i></i> 登錄 </span> </li> </ul> </div> </div> <div class="container one"> <ul class="row"> <li class="col-md-3"> <h3>集團(tuán)網(wǎng)站</h3> <p>公司信息,社會責(zé)任,新聞,展會活動,行業(yè)洞察等等</p> </li> <li class="col-md-3"> <h3><a href="javascript:;">個人用戶<i></i></a></h3> <p><a href="javascript:;">手機(jī),PC和平板,穿戴設(shè)備等個人及家用產(chǎn)品</a></p> </li> <li class="col-md-3"> <h3><a href="javascript:;">企業(yè)用戶<i></i></a></h3> <p><a href="javascript:;">企業(yè)商用產(chǎn)品、解決方案和云服務(wù)</a></p> </li> <li class="col-md-3"> <h3><a href="javascript:;">運(yùn)營商用戶<i></i></a></h3> <p><a href="javascript:;">運(yùn)營商網(wǎng)絡(luò)解決方案、產(chǎn)品及服務(wù)</a></p> </li> </ul> </div> <div class="container two"> <div class="world"> <i></i> <span>Huawei Global - </span> <a href="javascript:;">English</a> </div> <ul class="clearfix"> <li><span>Australia - </span><a href="javascript:;">English</a></li> <li><span>Belarus - </span><a href="javascript:;">Pусский</a></li> <li><span>Brazil - </span><a href="javascript:;">Portuguese</a></li> <li><span>Canada - </span><a href="javascript:;">English</a></li> <li><span>China - </span><a href="javascript:;">簡體中文</a></li> <li><span>France - </span><a href="javascript:;">Fran?ais</a></li> <li><span>Germany - </span><a href="javascript:;">Deutsch</a></li> <li><span>Italy - </span><a href="javascript:;">Italiano</a></li> <li><span>Japan - </span><a href="javascript:;">日本語</a></li> <li><span>Kazakstan - </span><a href="javascript:;">русский</a></li> <li><span>Kenya - </span><a href="javascript:;">English</a></li> <li><span>Malaysia - </span><a href="javascript:;">English</a></li> <li><span>Mexico - </span><a href="javascript:;">Espa?ol</a></li> <li><span>Myanmar - </span><a href="javascript:;">??????</a></li> <li><span>New Zealand - </span><a href="javascript:;">English</a></li> <li><span>Russia - </span><a href="javascript:;">русский</a></li> <li><span>South Africa - </span><a href="javascript:;">English</a></li> <li><span>Spain - </span><a href="javascript:;">Espa?ol</a></li> <li><span>Switzerland - </span><a href="javascript:;">English</a></li> <li><span>Thailand - </span><a href="javascript:;">???????</a></li> <li><span>Turkey - </span><a href="javascript:;">Türkiye</a></li> <li><span>Ukraine - </span><a href="javascript:;">Укра?нська</a></li> <li><span>United Kingdom - </span><a href="javascript:;">English</a></li> <li><span>United States - </span><a href="javascript:;">English</a></li> <li><span>Uzbekistan - </span><a href="javascript:;">русский</a></li> <li><span>Uzbekistan - </span><a href="javascript:;">O’zbek</a></li> <li><span>Vietnam - </span><a href="javascript:;">Ti?ng Vi?t</a></li> </ul> </div> </div> <header> <div class="header-b"> <div class="container"> <div class="logo"> <a href="javascript:;"> <img src="picture/huawei_logo.png" alt=""> </a> </div> <div class="nav-con hidden-sm hidden-xs"> <ul class="clearfix"> <li> <i></i> <a href="javascript:;"> 手機(jī)、筆記本&平板... <i></i> </a> <div class="more-1"></div> </li> <li> <i></i> <a href="javascript:;"> 解決方案&服務(wù) <i></i> </a> <div class="more-1"></div> </li> </ul> <ul class="clearfix"> <li> <a href="javascript:;"> 華為商城 <span> <i></i> <i></i> </span> </a> </li> <li> <a href="javascript:;"> 華為云 <span> <i></i> <i></i> </span> </a> </li> </ul> </div> <div class="search-btn"> <i></i> </div> <div class="search-box"> <div class="search-input"> <input type="text" placeholder="搜索"> <i></i> </div> <div class="close"> <i></i> </div> </div> <div class="more hidden-lg hidden-md"> <div class="t"> <span></span> <span></span> <span></span> </div> <div class="c"> <i></i> </div> </div> </div> </div> <div class="nav-con-more hidden-sm hidden-xs"> <div class="b-top"> <div></div> <span class="active">企業(yè)用戶</span> <span>運(yùn)營商用戶</span> <span>華為云服務(wù)</span> </div> <div class="l-bg"></div> <div class="container"> <div class="a clearfix"> <div class="a-l"> <div class="img"> <img src="picture/nav_mate30pro_cn.jpg" alt=""> <p>了解更多<i></i></p> </div> <ul class="col-lg-6"> <li class="col-md-3"> <p><i></i></p> <span>手機(jī)<i></i><i></i></span> </li> <li class="col-md-3"> <p><i></i></p> <span>筆記本<i></i><i></i></span> </li> <li class="col-md-3"> <p><i></i></p> <span>平板<i></i><i></i></span> </li> <dd><a href="javascript:;">招聘</a><span><i></i><i></i></span></dd> <dd><a href="javascript:;">開發(fā)者</a><span><i></i><i></i></span></dd> <dd><a href="javascript:;">合作伙伴</a><span><i></i><i></i></span></dd> <dd><a href="javascript:;">產(chǎn)品定義社區(qū)</a><span><i></i><i></i></span></dd> <dd><a href="javascript:;">供應(yīng)商平臺</a><span><i></i><i></i></span></dd> <dd><a href="javascript:;">除名查詢</a></dd> </dl> <dl class="clearfix"> <dt><h3>相關(guān)網(wǎng)站</h3></dt> <dd><a href="javascript:;">華為商城</a><span><i></i><i></i></span></dd> <dd><a href="javascript:;">華為云</a><span><i></i><i></i></span></dd> <dd><a href="javascript:;">華為智能光伏</a><span><i></i><i></i></span></dd> <dd><a href="javascript:;">華為心聲社區(qū)</a><span><i></i><i></i></span></dd> <dd><a href="javascript:;">華為海洋</a><span><i></i><i></i></span></dd> <dd><a href="javascript:;">榮耀官網(wǎng)</a><span><i></i><i></i></span></dd> </dl> </div> </div> </div> <footer class="clearfix"> <div class="col-sm-6 top"> ?2020 華為技術(shù)有限公司 <a href="javascript:;">粵A2-20044005號</a> <a href="javascript:;">粵公網(wǎng)安備 44030702002388號</a> </div> <div class="col-md-6 bttom"> <a href="javascript:;">聯(lián)系我們</a> <i class="hidden-sm">|</i> <a href="javascript:;">法律聲明</a> <i class="hidden-sm">|</i> <a href="javascript:;">隱私政策</a> </div> </footer></body></html>
* { margin: 0; padding: 0;}html,body { width: 100%; height: 100%; /* overflow-x: hidden; */}body { min-width: 301px; overflow:-Scroll; overflow-x:hidden}i { font-style: normal; font-family: iconfont;}li { list-style: none;}a { text-decoration: none !important; color: black;}ul { margin: 0;}span i:nth-child(2) { position: absolute; transform: rotate(45deg); top: -18px; right: -5px; transition: all 0.3s;}.nav-top { position: relative; z-index: 10;}.nav-height { width: 100%; background-color: black; color: white;}.nav-top .nav-height li { float: left; font-size: 12px; height: 30px; line-height: 30px;}.nav-height li:nth-child(2) { float: right;}.nav-height .clearfix li a { color: white;}.nav-height li i { display: inline-block; margin: 0 5px; transform: rotate(0); height: 13.6px; line-height: 13.6px;}.nav-height li:nth-child(2) span i { position: static;}.nav-height li:nth-child(2) span:nth-child(2) { display: inline-block; height: 30px; padding-left: 5px; border-left: 1px solid white;}.nav-height li:nth-child(2) span:nth-child(2) i { transform: rotate(0);}.nav-top .one { display: none;}.nav-top .one .row { font-size: 14px; padding: 25px 0;}
請 “ 點(diǎn)贊” “??評論” “ 收藏”
一鍵三連哦!??【關(guān)注我| 獲取更多源碼 | 優(yōu)質(zhì)文章】
帶您學(xué)習(xí)各種前端插件、3D炫酷效果、圖片展示、文字效果、以及整站模板 、大學(xué)生畢業(yè)HTML模板 、期末大作業(yè)模板 、等! 「在這里有好多 前端 開發(fā)者,一起探討 前端 Node 知識,互相學(xué)習(xí)」!關(guān)鍵詞:作業(yè),設(shè)計(jì)
客戶&案例
營銷資訊
關(guān)于我們
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。