bootstrap自适应装修装饰首页落地页效果代码

代码语言:html

所属分类:布局界面

代码描述:bootstrap自适应装修装饰首页落地页效果代码

代码标签: 装修装饰 首页 落地 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">

  
  <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/all.min.css">
  <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/bootstrap.4.3.1.min.css">
<style>
@import url("https://fonts.googleapis.com/css2?family=Lato&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/*Entire HTML body*/
body {
  width: 100%;
  background-color: transparent;
  font-family: Lato;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  overflow-x: hidden;
  /*main container wrapper*/
  /*footer section*/
}
body .mainContainer {
  height: 1000px !important;
  padding: 0 8%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(//repo.bfw.wiki/bfwrepo/image/6049a4c6c4c02.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
  /*Navigation menu section*/
  /*legend section*/
}
body .mainContainer .navbar {
  height: 100px;
  background-color: transparent;
  padding: 0;
}
body .mainContai.........完整代码请登录后点击上方下载按钮下载查看

网友评论0