BladeMasterCoder.github.io/_includes/header.html at master · BladeMasterCoder/BladeMasterCoder.github.io · GitHub

50 lines (43 loc) · 2.52 KB

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

<header class="site-header">

<div class="container">

<div class="row">

<nav class="navbar navbar-default" role="navigation">

<div class="navbar-header col-xs-12 col-sm-12 col-md-3 col-lg-3 center" >

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">

<span class="icon-bar"></span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

</button>

<div class="sitehome">

<a href="{{ site.baseurl }}/" title="首页"><i class="fa fa-home fa-2x homeicon"></i><a><a class="site-title" href="{{ site.baseurl }}/">{{ site.title }}</a>

</div>

</div>

<div class="col-md-6 col-lg-6 hidden-xs hidden-sm center">

<nav class="site-nav">

<ul class="nav nav-pills">

<li class="select"><a class="page-link pjaxlink" href="/pages/read.html">读书</a></li>

<li class="select"><a class="page-link pjaxlink" href="/pages/class.html">分类</a></li>

<li class="select"><a class="page-link pjaxlink" href="/pages/archive.html">归档</a></li>

<li class="select"><a class="page-link pjaxlink" href="/pages/about.html">关于</a></li>

</ul>

</nav>

</div>

<div class="col-md-3 col-lg-3 hidden-xs hidden-sm">

<div class="search">

<input type="text" class="search-query st-default-search-input" placeholder="Search">

</div>

</div>

<div class="collapse navbar-collapse" id="example-navbar-collapse">

<ul class="nav navbar-nav phone-nav center">

<li class="phoneselect"><a class="page-link pjaxlink" href="{{site.baseurl}}/"><i class="fa fa-home"></i> 首页</a></li>

<li class="phoneselect"><a class="page-link pjaxlink" href="/pages/read.html"><i class="fa fa-book"></i> 读书</a></li>

<li class="phoneselect"><a class="page-link pjaxlink" href="/pages/class.html"><i class="fa fa-tasks"></i> 分类</a></li>

<li class="phoneselect"><a class="page-link pjaxlink" href="/pages/tags.html"><i class="fa fa-tags"></i> 标签</a></li>

<li class="phoneselect"><a class="page-link pjaxlink" href="/pages/archive.html"><i class="fa fa-archive"></i> 归档</a></li>

<li class="phoneselect"><a class="page-link pjaxlink" href="/pages/about.html"><i class="fa fa-user"></i> 关于</a></li>

</ul>

</div>

</nav>

</div>

</div>

</header>