橙色的餐飲加盟網(wǎng)招商頁面頭部導(dǎo)航菜單布局代碼。div css餐飲商機(jī)項目分類菜單布局代碼。
使用方法:
1、head引入css文件
<link rel="stylesheet" href="static/css/reset.css" /><!--默認(rèn)設(shè)置-->
<link rel="stylesheet" href="static/css/gbstyle.css" /><!--主要樣式-->
2、body引入HTML代碼
<!-- header begin -->
<div class="gbhead1">
<div class="gbhedcontain">
<p><img src="static/picture/xgbicon.png">當(dāng)日創(chuàng)業(yè)留言 1234678 條</p>
<ul class="gbhdconul1">
<li class="gbfl gbhdzs"><a href="#" title="" target="_blank">招商網(wǎng)頁</a></li>
<li class="gbfl">?。?lt;/li>
<li class="gbfl"><a href="#" onClick="AddFavorite('餐飲加盟網(wǎng)','http://516ka.cn')">收藏網(wǎng)站</a></li>
<li class="gbfl">?。?lt;/li>
<li class="gbfl"><a href="#" title="" target="_blank">手機(jī)查商網(wǎng)</a></li>
<li class="gbfl"> | </li>
<li class="gbfl wxewmli"><a href="#" title="" target="_blank">微信</a>
<div class="wxewm"><img src="static/picture/xdd.jpg" alt=""></div>
</li>
<li class="gbfl">?。?lt;/li>
<li class="gbfl"><a href="#" title="" target="_self">聯(lián)系我們</a></li>
</ul>
</div>
</div>
<div class="gbhead2">
<div class="gbhdcon">
<div class="gblogo gbfl"><a href="#" title="K18餐飲加盟網(wǎng)"><img src="http://516ka.cn/static/i/logo.png" alt=""></a></div>
<div class="gbsecdivaa">
<div class="gbsearch">
<form id="form1" name="form1" method="get" action="" target="_blank" onSubmit="addSearchSid(this)">
<input type="text" placeholder="搜索什么項目?" class="inp_text" name="keyword" id="input_text">
<input type="hidden" name="sid" value="">
<input type="submit" value="搜索" class="inp_sub log100_listen" data-log100-event="$searchsubmit" id="sub">
</form>
</div>
<p class="gbssp"> 熱門搜索:
<a title="菜立方芽苗菜" href="#" data_1="#" target="_blank">芽 苗 菜</a>
<a title="五谷聯(lián)盟煎餅果子" href="#" data_1="#" target="_blank">五谷煎餅</a>
<a title="瘋迷便當(dāng)" href="#" data_1="#" target="_blank">精品便當(dāng)</a>
<a title="攤小二煎餅果子" href="#" data_1="#" target="_blank">煎餅煎餅</a>
<a title="辛麻到瓦香雞" href="#" data_1="#" target="_blank">瓦 香 雞</a>
</p>
</div>
<div class="gbhykh gbfr">
<div class="out outl5">
<ul class="img imgl5">
<li style="display: list-item;"><a href="#" title="" target="_blank"><img src="static/picture/201902131628142713058.jpg" alt=""></a></li>
<li style="display: none;"><a href="#" title="" target="_blank"><img src="static/picture/201902131628542718111.jpg" alt=""></a></li>
<li style="display: none;"><a href="#" title="" target="_blank"><img src="static/picture/201902281659422718293.jpg" alt=""></a></li>
</ul>
<ul class="num numl5">
</ul>
<div class="left btn"></div>
<div class="right btn"></div>
</div>
</div>
</div>
<div class="gbnav">
<div class="gbsjfl"><span><i></i>商機(jī)項目分類</span>
<ul>
<!-- 選中給a添加check類名-->
<li>
<p class="sxf1">行業(yè)直達(dá)</p>
<a href="#" title="" target="_blank">小吃</a>
<a href="#" title="" target="_blank">快餐</a>
<a href="#" title="" target="_blank">面館</a>
<a href="#" title="" target="_blank">飲品</a>
<a href="#" title="" target="_blank">火鍋</a>
<a href="#" title="" target="_blank">麻辣燙<i></i></a>
<a href="#" title="" target="_blank">美食街</a>
</li>
<li>
<p class="sxf2">投資金額</p>
<a href="#" title="" target="_blank" class="check">1-3萬</a>
<a href="#" title="" target="_blank">3-5萬</a>
<a href="#" title="" target="_blank">5-10萬</a>
<a href="#" title="" target="_blank">10-20萬</a>
<a href="#" title="" target="_blank">20萬以上</a>
</li>
<li>
<p class="sxf4">創(chuàng)業(yè)店型</p>
<a href="#" title="" target="_blank">小吃車</a>
<a href="#" title="" target="_blank">臨街店<i></i></a>
<a href="#" title="" target="_blank">檔口門店</a>
<a href="#" title="" target="_blank">商場店</a>
<a href="#" title="" target="_blank">復(fù)合店</a>
<a href="#" title="" target="_blank">旗艦店</a>
</li>
</ul>
</div>
<ul class="nav_ul">
<!-- 選中給li添加check類名-->
<li><a href="#" title="中西美食" target="_blank">中西美食</a></li>
<li><a href="#" title="速食快餐" target="_blank">速食快餐</a></li>
<li><a href="#" title="酒水飲料" target="_blank">酒水飲料</a></li>
<li><a href="#" title="地方小吃" target="_blank">地方小吃<i></i></a></li>
<li><a href="#" title="甜點(diǎn)茶飲" target="_blank">甜點(diǎn)茶飲</a></li>
<li><a href="#" title="自助餐廳" target="_blank">自助餐廳</a></li>
<li><a href="#" title="經(jīng)典美味" target="_blank">經(jīng)典美味</a></li>
<li><a href="#" title="特色美食" target="_blank">特色美食</a></li>
<li><a href="#" title="先行賠付" target="_blank">先行賠付<i></i></a></li>
</ul>
</div>
</div>
<!-- header end -->
<div class="gbcont1">
<ul class="gbco11">
<li> <a href="#" title="8元漢堡 全天爆單" target="_blank" class="gbco1ig"><img src="static/picture/201901281531223754335.jpg" alt=""></a>
<div class="gbco1dv gbco1dv1">
<label class="gbco1lb">漢堡</label>
<a href="#" title="" target="_blank">麥塔基漢堡</a>
<p>額度:3-5萬</p>
<p>8元漢堡 全天爆單</p>
<a href="#" title="8元漢堡 全天爆單" target="_blank" class="gbco1ck">立即查看</a> </div>
</li>
<li> <a href="#" title="海鮮零食 萬元開店" target="_blank" class="gbco1ig"><img src="static/picture/201901311435002714771.jpg" alt=""></a>
<div class="gbco1dv gbco1dv2">
<label class="gbco1lb">小吃</label>
<a href="#" title="" target="_blank">漫鯨撈汁小海鮮</a>
<p>額度:3-5萬</p>
<p>海鮮零食 萬元開店</p>
<a href="#" title="海鮮零食 萬元開店" target="_blank" class="gbco1ck">立即查看</a> </div>
</li>
<li> <a href="#" title="粗糧煎餅 酥脆好吃" target="_blank" class="gbco1ig"><img src="static/picture/201901111451162717397.png" alt=""></a>
<div class="gbco1dv gbco1dv3">
<label class="gbco1lb">煎餅</label>
<a href="#" title="" target="_blank">石小沫煎餅果兒</a>
<p>額度:5-10萬</p>
<p>粗糧煎餅 酥脆好吃</p>
<a href="#" title="粗糧煎餅 酥脆好吃" target="_blank" class="gbco1ck">立即查看</a> </div>
</li>
<li> <a href="#" title="麻辣海鮮 人手一杯" target="_blank" class="gbco1ig"><img src="static/picture/201902101827112717806.jpg" alt=""></a>
<div class="gbco1dv gbco1dv4">
<label class="gbco1lb">小吃</label>
<a href="#" title="" target="_blank">趕海鮮生即食小海鮮</a>
<p>額度:3-5萬</p>
<p>麻辣海鮮 人手一杯</p>
<a href="#" title="麻辣海鮮 人手一杯" target="_blank" class="gbco1ck">立即查看</a> </div>
</li>
</ul>
</div>