웰컴헤딩이 밑으로 내려가고 슬라이드가 적용이 안됩니다. 무엇이 문제인지 모르겠습니다<수정>
265
황재중
작성한 질문수 22
1
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>StarUp Mate : App offical Landing</title>
<link rel="icon" href="images/logo-favicon.png">
<!--Fontawesome-->
<script src="https://kit.fontawesome.com/1afe467c36.js" crossorigin="anonymous"></script>
<!--Xeicon-->
<link rel="stylesheet" href="//http://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css">
<!--jQuery CDN-->
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<!--slick slider-->
<link rel="stylesheet" href="js/slick/slick-theme.css">
<link rel="stylesheet" href="js/slick/slick.css">
<script src="js/slick/slick.min.js"></script>
<!--Custom CSS & JS-->
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="reponsive.css">
<script src="custom.js"></script>
</head>
<body>
<div class="container">
<!--##########Header##########-->
<header>
<div class="header-inner">
<div class="logo">
<a href="#none"><img src="images/logo.png"></a>
</div>
<div class="gnb">
<a href="#none">CEO 인사말</a>
<a href="#none">서비스 특징</a>
<a href="#none">자주 묻는 질문들</a>
<a href="#none">경영비전</a>
<a href="#none">사용자 리뷰</a>
<a href="#none">앱 사용자 가이드</a>
<a href="#none">최신소식</a>
</div>
</div>
</header>
<!--section : welcome-->
<section class="welcome">
<div class="slideshow">
<img src="images/slide-welcome-01.png">
<img src="images/slide-welcome-02.png">
<img src="images/slide-welcome-03.png">
</div>
<div class="welcome-heading">
<span>창의적인 아이디어를 만드는 가장 빠른 방법</span>
<h1>
An idea solution of startup for your
<em>3가지 타이핑 텍스트 자리</em>
</h1>
<p>
스타트업 메이트 앱이 여러분의 최상의 스타트업 구축을 위해 창의적인 아이디어를 제공하는 데 최선을 다하겠습니다.
</p>
<div class="welcome-btns">
<a href="#none" class="btn start">CEO 시작하기</a>
<a href="#none" class="btn guide">사용자 가이드</a>
</div>
</div>
<div class="mouse">
<span class="wheele"></span>
</div>
</section>
<!--section : ceo-accese-->
<section class="ceo-accese"></section>
<!--section : banne-->
<section class="banner"></section>
<!--section : feature-->
<section class="feature"></section>
<!--section : vision-->
<section class="vision"></section>
<!--section : faq-->
<section class="faq"></section>
<!--section : review-->
<section class="review"></section>
<!--section : focus-->
<section class="focus"></section>
<!--section : guide-->
<section class="guide"></section>
<!--section : news-->
<section class="news"></section>
<!--footer-->
<footer></footer>
</div>
</body>
</html>
/* custom js */
$(function () {
/* slick slider - welcome */
$('.slideshow').slick({
infinite: true,
dots: false,
autoplay: true,
autoplaySpeed: 2000,
fade: true,
speed: 1000,
pauseOnHover: false
});
/* CSS */
/* Web Fonts - Noto Fonts */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
/* Web Fonts - NoonNoo */
@font-face {
font-family: 'NEXON Lv2 Gothic Light';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Light.woff')
format('woff');
font-weight: normal;
font-style: normal;
}
/* ################## header ##################### */
header {
position: fixed;
width: 100%;
z-index: 100;
}
.header-inner {
width: 1300px;
margin: auto;
overflow: hidden;
padding-top: 30px;
padding-bottom: 15px;
}
.logo {
float: left;
}
.logo img {
margin-top: -7px;
}
.gnb {
float: right;
}
.gnb a {
text-decoration: none;
color: #222;
margin: 10px;
font-size: 16px;
}
답변 1
0
슬릭 슬라이더 안되는건 제이쿼리 구문 오류입니다. 빨강색 박스 부분이 빠져있습니다.
올리신 css 코드에 .welcome-heading에 관련된 내용이 전혀 없는데요.
하드코딩으로 이미지맵(image map) 만들기
1
78
2
슬릭 슬라이더
1
147
2
position: fixed; 가 안먹혀요..뭐가 문제일까요?
1
167
1
반응형 fixed 안먹히는 문제
1
264
2
선생님
2
153
1
.news-thum .date 위치가 안맞아요
1
244
2
TypeIt - Welcome 부분이 적용이 안됩니다..
1
368
2
Scroll Reveal Animation 적용이 안되요
1
362
1
완성 후 각 섹션 display:none 주석 시 문제
1
384
3
브라우저를 줄일 때 화면 깨짐
1
631
2
welcome-heading 부분이 왜 저렇게 위치되는지 모르겠습니다.
1
340
1
제이쿼리 탭메뉴 클릭 질문
1
236
1
질문있습니다
1
547
1
질문있습니다.
2
646
2
슬릭슬라이더가 왜 안되는지 모르겠습니다
1
620
1
slick slider와 .ceo-content영역 겹침
1
719
1
span .badge 부분 참고하실분 하세요
2
332
1
플렉스를 안주고 그냥 패딩을 줘도 되지 않나요
1
329
1
창을 줄이면 위치가 이동되는 백그라운드 이미지
1
531
1
크롬창을 줄어들면 이미지가 작아짐
1
742
1
scroll behavior 오류
1
263
1
선생님 코딩좀 봐주세요..
1
398
3
왜 전 선생님과 화면이 다를까요?
1
363
3
따라했는데 이상합니ㅏㄷ..ㅠ
1
290
2