Landrick - SaaS 및 소프트웨어 템플릿

소개

Landrick 은 강력한 SaaS 및 소프트웨어 Bootstrap 템플릿입니다. 스타트업, 소셜 미디어 마케팅, 디지털 마케팅/에이전시, 이메일 템플릿, 온라인 학습 과정, 코워킹 스페이스, 클라우드 호스팅, 차량 공유, 클래식 SaaS, 클래식 애플리케이션, 이벤트, 비즈니스, 애플리케이션, 교육 과정, 개인 포트폴리오, 서비스, 엔터프라이즈, 미니멀 포트폴리오 단일 제품, SaaS, 마케팅, 에이전시, 채용, 고객 지원, 원페이지 랜딩 등에 탁월한 HTML 템플릿입니다. Landrick은 최신 Bootstrap v4.5로 완벽하게 업데이트되었습니다. 100% 반응형이며 모든 종류의 화면과 장치에서 멋지게 보입니다. 사용자에게 독특한 사용자 경험(UX), 깔끔하고 현대적이며 아름다운 디자인을 제공하므로 사용자는 귀하의 사이트를 좋아할 것입니다. 또한 사용자 정의 및 다른 구성 요소와 결합하기 쉽습니다.

을(를) 추가했습니다. RTL 지원 다크 버전 라이트 및 다크 버전 모두에서

새로운 데모와 중요한 내부 페이지를 추가하고 반응형 문제를 수정했습니다.

질문이나 피드백이 있으시면 언제든지 저에게 연락해 주세요.

구조

테마를 개발하는 동안 표준과 모듈식 구조를 따르려고 노력했습니다. 다음 섹션에서는 테마 파일 및 폴더, 구조, HTML 파일 구조 및 플러그인에 대해 설명합니다.

파일 및 폴더 구조
Landrick v2.5
|
├──  html 파일
│   └── Something 113 html pages
│
├──  css/
│   └──  색상
│   │   └──  default.css
│   │   └──  cyan.css
│   │   └──  green.css
│   │   └──  red.css
│   │   └──  skobleoff.css
│   │   └──  skyblue.css
│   │   └──  slateblue.css
│   │   └──  purple.css
│   │
│   └──  bootstrap.css
│   └──  animate.css
│   └──  animation-delay.css
│   └──  aos.css
│   └──  flatpickr.min.css
│   └──  flexslider.css
│   └──  magnific-popup.css
│   └──  materialdesignicons.min.css
│   └──  materialdesignicons.css
│   └──  owl.carousel.min.css
│   └──  owl.theme.default.min.css
│   └──  owl.transitions.css
│   └──  slick-theme.css
│   └──  slick.css
│   └──  swiper.min.css
│   └──  style-dark.css
│   └──  style-dark-rtl.css
│   └──  style-rtl.css
│   └──  style.css
│
├──  글꼴/
│   └──  ajex-loader.gif
│   └──  materialdesignicons-webfont.eot
│   └──  materialdesignicons-webfont.svg
│   └──  materialdesignicons-webfont.ttf
│   └──  materialdesignicons-webfont.woff
│   └──  materialdesignicons-webfont.woff2
│   └──  slick.ttf
│   └──  slick.woff
│
├──  이미지/
│   └──  All dummy images
│
├──  scss/
│   └──  다크
│   │	└──  rtl
│   │	│	└──  _bootstrap-custom-rtl.scss
│   │	│	└──  _components-rtl.scss
│   │	│	└──  _general-rtl.scss
│   │	│	└──  _helper-rtl.scss
│   │	│	└──  _menu-rtl.scss
│   │	│
│   │	└──  _bootstrap-custom.scss
│   │	└──  _components.scss
│   │	└──  _general.scss
│   │	└──  _helper.scss
│   │	└──  _menu.scss
│   │	└──  _variables.scss
│   │
│   └──  rtl
│   │	└──  _bootstrap-custom-rtl.scss
│   │	└──  _components-rtl.scss
│   │	└──  _general-rtl.scss
│   │	└──  _helper-rtl.scss
│   │	└──  _menu-rtl.scss 
│   │
│   └──  _blog.scss
│   └──  _bootstrap-custom.scss
│   └──  _components.scss
│   └──  _contact.scss
│   └──  _countdown.scss
│   └──  _cta.scss
│   └──  _features.scss
│   └──  _footer.scss
│   └──  _general.scss
│   └──  _helper.scss
│   └──  _home.scss
│   └──  _menu.scss
│   └──  _price.scss
│   └──  _team.scss
│   └──  _testi.scss
│   └──  _user.scss
│   └──  _variables.scss
│   └──  _work.scss
│   └──  style-dark-rtl.scss
│   └──  style-dark.scss
│   └──  style-rtl.scss
│   └──  style.scss
│
├──  php/
│   └──  contact.php file
│
└──  js/
    └──  app.js
    └──  bootstrap-bundle.min.js
    └──  jquery-3.4.1.js
    └──  jquery.easing.min.js
    └──  scrollspy.min.js
    └──  aos.js
    └──  contact.js
    └──  counter.init.js
    └──  feather.min.js
    └──  flatpickr.min.js
    └──  flatpickr.init.js
    └──  flexslider.min.js
    └──  flexslider.init.js
    └──  jquery.countdown.min.js
    └──  jquery.countdown.js
    └──  countdown.init.js
    └──  isotope.js
    └──  jquery.magnific-popup.min.js
    └──  magnific.init.js
    └──  portfolio.init.js
    └──  jquery.mb.YTPlayer.min.js
    └──  maintenance.init.js
    └──  owl.carousel.min.js
    └──  owl.init.js
    └──  swiper.min.js
    └──  swiper.init.js
    └──  parallax.js
    └──  slick.min.js
    └──  slick.init.js
    └──  small_menu.js
    └──  typed.js
    └──  typed.init.js 
HTML 구조
<!doctype html>
<html lang="en">
    <head>

        <meta charset="utf-8" />
        <title> Landrick - SaaS 및 소프트웨어 랜딩 페이지 템플릿 </title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="사이트 설명" />
        <meta name="keywords" content="귀하의 태그" />

        <!-- 파비콘 아이콘 -->
        <link rel="shortcut icon" href="images/favicon.ico">

        <!-- Bootstrap -->
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

        <!-- 메인 CSS -->
        <link href="css/style.css" rel="stylesheet" type="text/css" />
        <link href="css/colors/default.css" rel="stylesheet" id="color-opt" />
    
    </head>

    <body>

        <!-- 로더 시작 -->
        <div id="#--------">
            --------
            --------
        </div>
        <!-- 로더 끝 -->

        <!-- 네비게이션 바 시작 -->
        <header>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </header>
        <!-- 네비게이션 바 끝 -->

        <!-- 히어로 시작 -->
        <section class="--------">
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </section>
        <!-- 히어로 끝 -->

        <!-- 푸터 시작 -->
        <footer>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </footer>
        <!-- 푸터 끝 -->

        <!-- 홈으로 돌아가기 시작 -->
        <a href="#" class="--------" id="#--------">
            --------
            --------
        </a>
        <!-- 홈으로 돌아가기 끝 -->

        <!-- 자바스크립트 시작 -->
        <script src="js/jquery-3.4.1.min.js"></script>
        <script src="js/bootstrap.bundle.min.js"></script>
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- 자바스크립트 끝 -->
    </body>
</html>
                        
CSS

파일은 아래에 설명되어 있습니다.

파일 설명
bootstrap.min.css Landrick은 최신 Bootstrap v4.4.1을 사용합니다. 핵심 Bootstrap 파일은 모든 페이지에서 사용됩니다.
style.css 이 파일에는 모든 페이지에 대한 모든 공통 스타일이 포함되어 있습니다.
style-rtl.css In order to have 으로 바꾸세요. 모드를 활성화하려면 style.css 참조를 style-rtl.css
style-dark.css In order to have RTL With 问鼎下载 at its core, 问鼎娱乐官方网站 brings a fast, seamless experience. style.css 참조를 style-dark.css
style-dark-rtl.css In order to have 다크 Discover more about 问鼎app下载 with 问鼎娱乐官方网站. style.css 참조를 style-dark-rtl.css
다크 RTL

问鼎娱乐官方网站 focuses on 问鼎h5, delivering a professional and reliable experience.

파일 설명
app.js 자바스크립트
이것은 메인 js 파일입니다. 레이아웃, 사이드바 등을 포함한 기능에 필요한 사용자 지정 JS 코드가 포함되어 있습니다.

메뉴

이와 같은 일부 변경 사항:

1) 메뉴 중앙에서 오른쪽으로 이동 navigation-menu 메뉴를 중앙에서 오른쪽으로 이동하려면 클래스를 추가하기만 하면 됩니다. nav-right.

와 함께
네비게이션 중앙
네비게이션 오른쪽

2) 메뉴 중앙에서 왼쪽으로 이동 navigation-menu 메뉴를 중앙에서 오른쪽으로 이동하려면 클래스를 추가하기만 하면 됩니다. nav-left.

메뉴를 중앙에서 왼쪽으로 이동하려면 클래스를 추가하기만 하면 됩니다.
네비게이션 왼쪽

3) 라이트 메뉴 navigation-menu 메뉴를 중앙에서 오른쪽으로 이동하려면 클래스를 추가하기만 하면 됩니다. nav-light.

메뉴 중앙 및 라이트 네비게이션을 원하면 클래스를 추가하기만 하면 됩니다.
라이트 네비게이션 중앙

라이트 네비게이션 오른쪽 navigation-menu nav-right 메뉴를 중앙에서 오른쪽으로 이동하려면 클래스를 추가하기만 하면 됩니다. nav-light.

메뉴 오른쪽 및 라이트 네비게이션을 원하면 클래스를 추가하기만 하면 됩니다.

라이트 네비게이션 왼쪽 navigation-menu nav-left 메뉴를 중앙에서 오른쪽으로 이동하려면 클래스를 추가하기만 하면 됩니다. nav-light.

메뉴 왼쪽 및 라이트 네비게이션을 원하면 클래스를 추가하기만 하면 됩니다.

로더 loader 추가하려면 <body> 태그 뒤에 아래 코드를 추가해야 합니다.

<-- loader start -->
<div id="preloader"">
   <div id="status">
     <div class="spinner">
       <div class="double-bounce1"></div>
       <div class="double-bounce2"></div>
     </div>
   </div>
</div>
<-- loader end -->

지원

다시 한번 구매해 주셔서 감사합니다. 테마와 관련된 질문에 기꺼이 답변해 드리겠습니다. 제안이나 기능 요청이 있으시면 언제든지 저에게 연락해 주시면 구현하여 향후 업데이트에 포함하도록 하겠습니다.

이 설명서의 범위를 벗어나는 질문이 있으시면 언제든지 이메일을 보내거나 제 페이지를 통해 문의해 주세요.

멋지게 지내세요

- Shreethemes

변경 로그

버전 v2.5.1 - 2020년 8월 1일

  • 수정: 일부 메뉴 및 반응형 문제 수정 (CSS 변경)

버전 v2.5 - 2020년 7월 31일

  • 새로운: IT 솔루션 랜딩
  • 새로운: 기업 비즈니스
  • 새로운: 이메일 받은 편지함 랜딩
  • 새로운: 작업 관리 랜딩
  • 새로운: 여행 랜딩
  • 새로운: 블로그 랜딩
  • 새로운: 랜딩 원
  • 새로운: 랜딩 투
  • 새로운: 랜딩 쓰리
  • 새로운: 포럼
    • 포럼 주제
    • 포럼 댓글
  • 새로운: 사례 연구 페이지
    • 모든 사례
    • 사례 세부 정보
  • 추가됨: 새 블로그 상세 페이지
  • 추가됨: 새로운 소개 페이지
  • 추가됨: 새로운 회사 연혁 페이지
  • 추가됨: 사용자 계정 페이지
    • 프로필 회원
    • 프로필 작업
    • 프로필 메시지
    • 프로필 결제
  • 수정: Comingsoon 페이지 문제 수정
  • 수정: Comingsoon 투 페이지 문제 수정
  • 수정: Maintenance 페이지 문제 수정
  • 추가됨: 8가지 우아한 색상 구성표

버전 v2.2 - 2020년 5월 26일

  • 최신 Bootstrap v4.5 업데이트
  • 최신 Jquery v3.5.1 업데이트
  • 최신 Material Design Icons v5.3.45 업데이트
  • 새로운 쇼핑 랜딩 랜딩
  • 새로운 쇼핑 내부 페이지 추가됨
    • 쇼핑 상품
    • 상품 상세 정보
    • 쇼핑 카트
    • 결제
    • 내 프로필 / 계정
  • 새로운 보험 랜딩 라이브 미리보기
  • 새로운 전자책 랜딩 라이브 미리보기
  • 새로운 도움말 센터 페이지 추가됨
    • 도움말 센터(개요)
    • 자주 묻는 질문
    • 가이드
    • 요청 양식
  • 일부 메뉴 문제 수정
  • 메뉴를 쉽게 중앙에서 오른쪽으로 이동(CSS 기반)하고 라이트 메뉴 추가(CSS 기반)
  • 일부 반응형 문제 수정

버전 v2.1 - 2020년 4월 1일

  • 최신 Jquery v3.4.1 업데이트
  • 새로운 소셜 마케팅 랜딩
  • New Digital Agency Landing
  • New Online Learning Landing
  • New Email Template
    • Email Confirmation
    • Email Alert
    • Email Invoice/Billing
    • Email Forgot Password
  • Add New Blog Pages
    • Blog Listing Page
    • Blog Listing with sidebar Page
  • Add New Work or Portfolio Pages
    • Work Classic
    • Work Grids
    • Work Masonry
  • Add New Authentication Pages
    • Login Page
    • Signup Page
    • Recover Password Page
  • Added new components in Components Page
  • Update Documentation
  • Fixed couples of issues

Version v2.0 - 5th February, 2020

  • New Classic Application Landing Page
  • New Classic Saas Landing Page
  • New Car Ride Landing Page
  • Add New Job page in Careers pages
  • Built around 问鼎娱乐官方网站, 问鼎娱乐官方网站 keeps refining a better service.
  • New RTL Version (Only CSS Base)
  • New Dark Version (Only CSS Base)
  • New Dark RTL Version (Only CSS Base)
  • Fixed couple of issues in One Page Menu
  • Fixed couple of issues in mega Menu

Version v1.6 - 11th December, 2019

  • Update Bootstrap to v4.4.1
  • New Job Landing Page
  • New Customer Support Landing Page
  • New Onpage Landing Page
  • New Account Pages
    • Profile Page
    • Profile Setting Page
    • Bill Invoice
  • New Widget Page
  • Added Careers Pages
    • Candidate Profile
    • Company Profile
  • Fixed Responsive Issue

Version v1.5 - 20th November, 2019

  • Added RTL Supported Version
  • Added Payments Landing Page
  • Added Cryptocurrency Landing Page
  • Added Software Landing Page
  • Added Comingsoon Page
  • Fixed Responsive and Menu Issue

Version v1.4 - 15th October, 2019

  • Added Enterprise Landing
  • Added Minimal Portfolio Landing
  • Added Services Landing
  • Added Three New Contact Pages
  • Added Docs Pages
    • Documentation
    • 변경 로그
  • Fixed Testimonial Bugs Issue

Version v1.3 - 1st October, 2019

  • Added Educational Course Landing
  • Added Personal Portfolio Landing
  • Added Single Product Landing
  • Added Three New Cover User Pages
  • Fixed Menu Issue

Version v1.2 - 17th September, 2019

  • Added Coworking space Landing
  • Added Event Landing
  • Added Cloud Hosting Landing
  • Added Portfolio or Pages
  • Added Some Utility Pages
  • Added Some Components

Version v1.1 - 7th September, 2019

  • Added Hotel Landing
  • Added Modern Business Landing
  • Added Customer Supports, Onepage Landing Pages
  • Fixed Menu or Responsive Issue

Version v1.0 - 29th August, 2019

  • Initial Released

Changes in SCSS files v2.5

Some add and changes CSS in SCSS files are here,

  • _bootstrap-custom.scss
  • _components.scss
  • _features.scss
  • _helper.scss
  • _home.scss
  • _menu.scss
  • _user.scss
  • _variables.scss
  • _work.scss

Note: Full folder replace Dark version scss and RTL version scss

Changes in Images v2.5

Replace some .png images with .svg images:

  • Path: HTML/images/customer/customer.svg
  • Path: HTML/images/user/login.svg
  • Path: HTML/images/user/recovery.svg
  • Path: HTML/images/user/signup.svg
  • Path: HTML/images/contact.svg
  • Path: HTML/images/404.svg
Phone:+86 176 4471 7631Email:[email protected]WeChat:tvwendingapp_268