Small knowledge, big challenge! This article is participating in the creation activity of “Essential Tips for Programmers”

Near the end of the semester, are you still writing an HTML web design class assignment and the teacher’s homework requirements are overwhelming? Is the total number of pages required too high? Don’t know how to do your HTML web homework? Don’t have the right template? And so on. The problem you’re trying to solve, There are personal, food, company, sports, cosmetics, logistics, environmental protection, books, wedding, military, games, festivals, smoking cessation, film, photography school, tourism, e-commerce, pets, electrical appliances, tea, home, hotel, dance, animation, stars, Clothing, culture, hometown, flowers, gifts, cars, other web design topics, A+ level homework, can meet college students web design needs can meet your needs. Original HTML+CSS+JS page design, Web college students web design homework source code, this is a good e-sports blog web page production, screen smart, very suitable for beginners to learn to use. Click the home page for source code links

Video demo:

HTML5+CSS+JS- final big homework responsive sexy model blog website template [attach complete source code] _bilib

Picture show: Click the home page for source code links

Web site home page

​

​

About us:

​

Gallery photo Wall:

​

Style layout template:

​

Project organization structure:

​

Main source code display:

​

index.html

<body> <div class="header-top"> <nav class="navbar navbar-default"> <div class="container"> <! -- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="logo"> <a href="index.html"> <h1>fashion 4  <span class="hand-log"></span></h1> </a> </div> </div> <! -- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right nav-dsgn "> <li><a href="index.html" class="active">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="gallery.html">Gallery</a></li> <li><a href="typography.html">Typo</a></li>  <li><a href="contact.html">Contact</a></li> </ul> </div> <! -- /.navbar-collapse --> <div class="clearfix"></div> </div> <! -- /.container-fluid --> </nav> </div>Copy the code

style.css

.logo a, .logo a:hover { text-decoration: none; } .logo a h1 { color: #303e4b; font-size: 30px; font-weight: 700; text-transform: capitalize; font-family: 'Archivo Narrow', sans-serif; } .logo a h1 span.hand-log { background: url(.. /images/log-soc.png)-10px 0px; width: 17px; height: 15px; background-size: 100px; display: inline-block; margin-left: 0px; vertical-align: inherit; } /*--navbar--*/ nav.navbar.navbar-default { margin: 0; border: none; border-radius: 0; padding: 30px 0px; min-height: 0; background-color: #DEF03B; background: #DAE246; } .nav-dsgn>li>a { padding: 0px 10px; margin: 17px 0px 0px; color: #303e4b ! important; font-weight: 700; font-size: 17px; Letter - spacing: 1.1 px; font-family: 'Archivo Narrow', sans-serif; }Copy the code

Works from the network collection, infringement stand delete

Images Image configuration:

​

Need to complete the import of the remaining JS files and image files

Get the full source code:

Everyone likes, favorites, follows, comments, check the author’s homepage: Java Li Yangyong to get contact

Clocked articles updated 68/100 days