<!DOCTYPE html>
<html lang="en">
<!-- Basic -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Site Metas -->
<title>Tech Blog - Stylish Magazine Blog Template</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<!-- Site Icons -->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<!-- Design fonts -->
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<!-- FontAwesome Icons core CSS -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="style.css" rel="stylesheet">
<!-- Responsive styles for this template -->
<link href="css/responsive.css" rel="stylesheet">
<!-- Colors for this template -->
<link href="css/colors.css" rel="stylesheet">
<!-- Version Tech CSS for this template -->
<link href="css/version/tech.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="wrapper">
<header class="tech-header header">
<div class="container-fluid">
<nav class="navbar navbar-toggleable-md navbar-inverse fixed-top bg-inverse">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="tech-index.html"><img src="images/version/tech-logo.png" alt=""></a>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="tech-index.html">Home</a>
</li>
<li class="nav-item dropdown has-submenu menu-large hidden-md-down hidden-sm-down hidden-xs-down">
<a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">News</a>
<ul class="dropdown-menu megamenu" aria-labelledby="dropdown01">
<li>
<div class="container">
<div class="mega-menu-content clearfix">
<div class="tab">
<button class="tablinks active" onclick="openCategory(event, 'cat01')">Science</button>
<button class="tablinks" onclick="openCategory(event, 'cat02')">Technology</button>
<button class="tablinks" onclick="openCategory(event, 'cat03')">Social Media</button>
<button class="tablinks" onclick="openCategory(event, 'cat04')">Car News</button>
<button class="tablinks" onclick="openCategory(event, 'cat05')">Worldwide</button>
</div>
<div class="tab-details clearfix">
<div id="cat01" class="tabcontent active">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12">
<div class="blog-box">
<div class="post-media">
<a href="tech-single.html" title="">
<img src="upload/tech_menu_01.jpg" alt="" class="img-fluid">
<div class="hovereffect">
</div><!-- end hover -->
<span class="menucat">Science</span>
</a>
</div><!-- end media -->
<div class="blog-meta">
<h4><a href="tech-single.html" title="">Top 10+ care advice for your toenails</a></h4>
</div><!-- end meta -->
</div><!-- end blog-box -->
</div>
<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12">
<div class="blog-box">
<div class="post-media">
<a href="tech-single.html" title="">
<img src="upload/tech_menu_02.jpg" alt="" class="img-fluid">
<div class="hovereffect">
</div><!-- end hover -->
<span class="menucat">Science</span>
</a>
</div><!-- end media -->
<div class="blog-meta">
<h4><a href="tech-single.html" title="">The secret of your beauty is handmade soap</a></h4>
</div><!-- end meta -->
</div><!-- end blog-box -->
</div>
<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12">
<div class="blog-box">
<div class="post-media">
<a href="tech-single.html" title="">
<img src="upload/tech_menu_03.jpg" alt="" class="img-fluid">
<div class="hovereffect">
</div><!-- end hover -->
HTML+CSS+JS+JQ+Bootstrap的科技日志聚合网页.7z （229个子文件） 
bootstrap.css 187KB bootstrap.min.css 147KB animate.min.css 52KB font-awesome.css 37KB font-awesome.min.css 30KB style.css 29KB bootstrap-grid.css 25KB animate.css 23KB bootstrap-grid.min.css 18KB marketing.css 7KB bootstrap-reboot.css 6KB tech.css 5KB responsive.css 5KB bootstrap-reboot.min.css 5KB food.css 4KB carousel.css 4KB colors.css 3KB garden.css 3KB fontawesome-webfont.eot 162KB
loader.gif 38KB
tech-category-01.html 78KB tech-single.html 77KB tech-index.html 77KB tech-author.html 75KB tech-category-03.html 73KB tech-category-02.html 71KB tech-contact.html 45KB favicon.ico 34KB insta_08.jpeg 128KB insta_01.jpeg 124KB insta_03.jpeg 105KB insta_07.jpeg 99KB insta_06.jpeg 98KB insta_02.jpeg 88KB insta_09.jpeg 85KB insta_04.jpeg 84KB insta_05.jpeg 84KB
cta.jpg 1.18MB cta_01.jpg 691KB banner_03.jpg 483KB blog_travel_04.jpg 466KB blog_masonry_03.jpg 434KB blog_travel_01.jpg 434KB blog_masonry_04.jpg 424KB blog_travel_10.jpg 423KB blog_travel_05.jpg 419KB banner_04.jpg 397KB blog_travel_03.jpg 394KB blog_travel_02.jpg 375KB blog_travel_06.jpg 375KB blog_travel_09.jpg 365KB blog_travel_08.jpg 343KB blog_02.jpg 312KB blog_square_05.jpg 303KB blog_square_04.jpg 303KB menu_11.jpg 303KB garden_sq_02.jpg 295KB blog_square_02.jpg 289KB blog_03.jpg 273KB menu_20.jpg 272KB garden_sq_09.jpg 268KB blog_travel_07.jpg 260KB blog_square_01.jpg 258KB blog_square_15.jpg 254KB blog_square_11.jpg 250KB blog_square_10.jpg 248KB blog_travel_11.jpg 247KB blog_travel_12.jpg 245KB menu_22.jpg 242KB blog_custom_07.jpg 239KB menu_13.jpg 230KB menu_19.jpg 228KB blog_square_08.jpg 227KB garden_single_01.jpg 225KB blog_square_09.jpg 221KB blog_masonry_02.jpg 217KB blog_square_07.jpg 217KB blog_square_16.jpg 211KB blog_07.jpg 210KB menu_26.jpg 209KB tech_menu_09.jpg 203KB blog_01.jpg 200KB menu_06.jpg 200KB blog_square_03.jpg 200KB blog_masonry_01.jpg 197KB menu_18.jpg 193KB blog_square_12.jpg 186KB blog_06.jpg 182KB demo_01.jpg 179KB tech_menu_20.jpg 178KB menu_23.jpg 173KB blog_square_17.jpg 171KB menu_05.jpg 170KB demo_03.jpg 168KB menu_04.jpg 166KB blog_square_06.jpg 166KB garden_sq_04.jpg 165KB tech_01.jpg 161KB menu_02.jpg 160KB blog_custom_04.jpg 159KB共 229 条
- 1
- 2
- 3
资源评论
