Landrick - SaaS & ソフトウェアテンプレート
はじめに
Landrick は、強力なSaaS & ソフトウェアBootstrapテンプレートです。スタートアップ、ソーシャルメディアマーケティング、デジタルマーケティング/エージェンシー、Eメールテンプレート、オンライン学習コース、コワーキングスペース、クラウドホスティング、カーライド、クラシック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> <!-- ホームへ戻る終了 --> <!-- JavaScript開始 --> <script src="js/jquery-3.4.1.min.js"></script> <script src="js/bootstrap.bundle.min.js"></script> -------- -------- -------- <script src="js/app.js"></script> <!-- JavaScript終了 --> </body> </html>
CSS
ファイルは以下に説明します:
| ファイル | 説明 |
|---|---|
bootstrap.min.css | Landrickは最新のBootstrap v4.4.1を使用しています。コアのBootstrapファイルはすべてのページで使用されています。 |
style.css | このファイルには、すべてのページに共通のスタイルが含まれています。 |
style-rtl.css | In order to have RTL モードを有効にするには、参照を style.css に置き換えてください。 style-rtl.css |
style-dark.css | In order to have ダーク 麻将胡了 specializes in 麻将胡了2, serving every user with care. style.css に置き換えてください。 style-dark.css |
style-dark-rtl.css | In order to have ダークRTL For everything 麻将胡了APP, 麻将胡了 offers attentive, thoughtful support. style.css に置き換えてください。 style-dark-rtl.css |
JavaScript
With 麻将胡了官网 at its core, 麻将胡了 brings a fast, seamless experience.
| ファイル | 説明 |
|---|---|
app.js | これはメインのJSファイルです。レイアウト、サイドバーなどを含む機能に必要なカスタムJSコードが含まれています。 |
メニュー
以下のような変更:
1) メニューを中央から右へ
メニューを中央から右側に移動するには、クラス navigation-menu を nav-right.
ナビバー中央
ナビバー右
2) メニューを中央から左へ
メニューを中央から左側に移動するには、クラス navigation-menu を nav-left.
ナビバー左
3) メニューライト
メニューを中央にしてライトナビゲーションにしたい場合は、クラス navigation-menu を nav-light.
ナビバーライト（左）
メニューを左側に配置してライトナビゲーションにしたい場合は、クラス navigation-menu nav-left を nav-light.
ナビバーライト（右）
メニューを右側に配置してライトナビゲーションにしたい場合は、クラス navigation-menu nav-right を nav-light.
ナビバーライト（中央）
ローダー
To add 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 --> クレジットと公式ドキュメント
以下のリソースを使用しました。これらは素晴らしい作品であり、コミュニティに感謝しています。
- Bootstrap 4.5
- Jquery
- Feather Icons
- Material Design Icons
- Flaticon Icons
- Iconscout Icons
- Owl Carousel
- Swiper Slider
- Flex Slider
- Slick Slider
- Parallax
- Countdown
- Magnific Popup
- Typed Text
- Lukaszadam Illustrations Images
- Stories Illustrations Images
- Manypixels Illustrations Images
- Isometric Illustrations Images
- Flatpickr - Datepicker
- Freepic Images
- Unsplash Images
- Animation Plugin
- AOS Animation Plugin
サポート
この度はご購入いただき、誠にありがとうございます。テーマに関するご質問には喜んでお答えいたします。ご提案や機能リクエストがありましたら、お気軽にご連絡ください。実装を試み、今後のアップデートの一部としてリリースいたします。
このドキュメントの範囲を超えるご質問がありましたら、メールまたは私のページからお気軽にお問い合わせください。
素晴らしいままでいてください
- Shreethemes
変更履歴
バージョン v2.5.1 - 2020年8月1日
- 修正: 一部のメニューとレスポンシブの問題を修正しました（CSSの変更）
バージョン v2.5 - 2020年7月31日
- 新規: ITソリューションランディング
- 新規: コーポレートビジネス
- 新規: Eメール受信トレイランディング
- 新規: タスク管理ランディング
- 新規: 旅行ランディング
- 新規: ブログランディング
- 新規: ランディング1
- 新規: ランディング2
- 新規: ランディング3
- 新規: フォーラム
- フォーラムトピック
- フォーラムコメント
- 新規: ケーススタディページ
- すべてのケース
- ケース詳細
- 追加: 新しいブログ詳細ページ
- 追加: 新しい「私たちについて」ページ
- 追加: 新しい会社沿革ページ
- 追加: ユーザーアカウントページ
- プロフィールメンバー
- プロフィールワークス
- プロフィールメッセージ
- プロフィール決済
- 修正: Comingsoonページの不具合を修正
- 修正: Comingsoon2ページの不具合を修正
- 修正: メンテナンスページの不具合を修正
- 追加: 8つのエレガントなカラースキーム
バージョン v2.2 - 2020年5月26日
- 最新のBootstrap v4.5をアップデート
- 最新のJquery v3.5.1をアップデート
- 最新のMaterial Design Icons v5.3.45をアップデート
- 新しいショップランディング
- 新しいショップ内部ページを追加
- ショップ商品
- 商品詳細
- ショップカート
- チェックアウト
- マイプロフィール / アカウント
- 新しい保険ランディングライブプレビュー
- 新しいE-Bookランディングライブプレビュー
- ヘルプセンターページを追加
- ヘルプセンター（概要）
- よくある質問
- ガイド
- リクエストフォーム
- 一部のメニュー問題を修正
- メニューを簡単に中央から右へ移動（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
- Discover more about 麻将胡了平台 with 麻将胡了.
- 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