炫酷渐变官网源码
- 效果图
- 部分代码
- 领取源码
- 下期更新预报
效果图
部分代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>孤独</title>
<meta name="description" content="孤独">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- External CSS -->
<link rel="stylesheet" href="vendor/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="vendor/select2/select2.min.css">
<link rel="stylesheet" href="vendor/owlcarousel/owl.carousel.min.css">
<link rel="stylesheet" href="vendor/lightcase/lightcase.css">
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Lato:300,400|Work+Sans:300,400,700" rel="stylesheet">
<!-- CSS -->
<link rel="stylesheet" href="css/style.min.css">
<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<!-- Modernizr JS for IE8 support of HTML5 elements and media queries -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js"></script>
</head>
<body data-spy="scroll" data-target="#navbar" class="static-layout">
<nav id="header-navbar" class="navbar navbar-expand-lg py-4">
<div class="container">
<a class="navbar-brand d-flex align-items-center text-white" href="index.html">
<h3 class="font-weight-bolder mb-0">孤独</h3>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-nav-header" aria-controls="navbar-nav-header" aria-expanded="false" aria-label="Toggle navigation">
<span class="lnr lnr-menu"></span>
</button>
<div class="collapse navbar-collapse" id="navbar-nav-header">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html#">主页</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#">官网</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#">博客</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://wpa.qq.com/msgrd?v=3&uin=2465829308&site=qq&menu=yes">联系我</a>
</li>
<li class="nav-item">
<a id="side-search-open" class="nav-link" href="index.html#">
</a>
</li>
<li class="nav-item only-desktop">
<a class="nav-link" id="side-nav-open" href="index.html#">
<span class="lnr lnr-menu"></span>
</a>
</li>
</ul>
</div>
</div>
</nav>
领取源码
源码地址：https://www.123pan.com/s/ji8kjv-LnPU3.html
下期更新预报
炫酷个人主页
- 📢博客主页：孤客网络科技工作室官方账号
- 📢欢迎点赞👍收藏⭐️留言 📝如有错误敬请指正！
- 📢本文由孤客原创，若侵权联系作者，首发于CSDN博客
- 📢停下休息的时候不要忘了别人还在奔跑，希望大家抓紧时间学习，全力奔赴更好的生活💻
