[op_container fullscreen_scroll=”yes” mnav_style=”ハンバーガーメニュー” mnav_sticky_behavior=”2” snav_style=”style-6” snav_behavior=”1” scroll_effect=”easeOutExpo” nav_font_weight=”normal” snav_font_weight=”normal” loading_style=”folding -cube” scroll_speed=”1200” nav_bg=”rgba(0,0,0,0.8)” nav_text_color=”rgba(255,255,255,0.75)” nav_text_hover_color=”#ffffff” nav_text_active_color=”#ffffff” snav_tooltip_bg=”#1abc9c” snav_item_color=”#777777″ snav_item_hover_color=”#ffffff” snav_item_bg_hover_color=”#1abc9c” snav_item_active_color=”#ffffff” snav_item_bg_active_color=”#1abc9c” stnav_bg=”#ffffff” stnav_hover_color=”0,0,0,0.25,”r.= stnav_”_ 111111″ stnav_text_hover_color=”#999999″ stnav_text_active_color=”#1abc9c” ロゴ=”148105” logo_retina=”148106” st_logo=”148107″ st_logo_retina=”148108″ snav_bg=”#111111″ snav_color_tooltip_color=”_=ffffff” 1abc9c” dd_nav_separator_color=”#1abc9c” dd_nav_text_color=”#111111″ dd_nav_text_hover_color=”#1abc9c” mobile_bg=”#111111″ mobile_text_color=”#999999″ mobile_text_hover_color=”#ffffff_c1 mobile_text_color=”#ffffff=9 ”rgba(255,255,255,0.05 )” mobile_hover_bg=”#222222” mobile_active_bg=”#222222”][op_item item_icon=”フォント” height=”1” content_position=”1” downmore_button=”はい” item_name=”ホーム” item_name_alias=”ホームエイリアス” icon_font =”fa fa-home” background_color=”#d8d8d8″ background_img=”148121″]
[/op_item][op_item item_icon=”font” content_width=”1” height=”1” content_position=”1” item_name=”セレクション A” item_name_alias=”セレクション A” icon_font=”fa fa-cubes” background_color=”rgba (221,51,51,0.3)” padding_tiny=”60px 20px”]
[/op_item][op_item item_icon=”font” height=”1” content_position=”1” item_name=”セレクション B” item_name_alias=”セレクション B” icon_font=”fa fa-heart” background_color=”#d8d8d8” background_img=” 148116″]
[/op_item][op_item item_icon=”font” height=”1” content_position=”1” item_name=”セレクション C” item_name_alias=”セレクション C” icon_font=”fa fa-play-circle” background_color=”rgba(30,115,190,0.3, 60)” padding_tiny=”20px XNUMXpx”]
[/op_item][op_item item_icon=”font” height=”1” content_position=”1” item_name=”機能” item_name_alias=”機能” icon_font=”fa fa-database” background_color=”#d8d8d8” padding_tiny=”0 20px ”background_img=”148119” padding_large=”0 60px”]
[/op_item][op_item item_icon=”font” content_width=”2” height=”1” content_position=”1” item_name=”使い方” item_name_alias=”使い方” icon_font=”fa fa-cogs” width_large= ”800px” width_small=”100%” width_medium=”970px” padding_tiny=”54px 20px 60px 20px” background_color=”#ffffff”]
[/op_item][/op_container]
ホームセレクション
バーガー メニュー – FullPage.js を使用
セレクションA
セレクションB
Cを選択
商品特徴
- One Page Basic (Beeteam368 が開発) とフルスクリーン スクロール (FullPage.js) をサポート
- ワンクリックで完全なサンプル データをインポート (20 以上のデモ)。
- メイン ナビゲーション メニューとカスタム メニュー (ドロップダウン モード)
- 700以上のGoogleフォントをサポート
- 無制限の色 (背景色、セパレーター、メニュー項目のホバー、メニュー項目のアクティブ …)
- メイン ナビゲーションのロゴ イメージ (Retina ロゴをサポート)
- FontAwesome アイコンと画像アイコンをサポート
- スマートスティッキーナビゲーション
- 無制限の色 (背景、セパレーター、メニュー項目のホバー、メニュー項目のアクティブなど)
- Sticky Navigation のロゴ画像 (Retina ロゴをサポート)
- FontAwesome アイコンと画像アイコンをサポート
- 動作: ページが下にスクロールされ、最初のページを過ぎたときにのみ表示されます
- 動作: ページが上にスクロールされた場合にのみ表示されます
- 動作: 常に表示
- サブナビゲーション
- 6 スタイル x 3 ポジション (右、左、下)
- 無制限の色 (背景色、アイテム ホバー、アイテム アクティブ…)
- サポート ツールチップ (700 以上の Google フォント)
- FontAwesome アイコンと画像アイコンをサポート
- HTML5とCSS3を完全にサポート
- 100%レスポンシブデザイン
- モバイルメニュー
- 無制限の色 (背景色、セパレーター、アイテム ホバー、アイテム アクティブ…)
- すべてのモバイル デバイス (モバイル、タブレット) と互換性があります。
- その他
- フルスクリーンモードをサポート
- HTML5 ビデオ背景をサポート (MP4、OGV、WEBM)
- Youtubeビデオの背景をサポート
- 視差スクロール (下) 画像の背景をサポート
- パーティクル キャンバスの背景をサポート (フル オプション)
- 可視性のコンテンツ アニメーションをサポート (70+ エフェクト)
- CSS でアニメーション化されたシンプルな読み込みスピナー (11 スタイル – 無制限の色と背景色)
- Scroll Next(Prev) Item Effect (jQuery Easing – カスタム速度 [ミリ秒])
- 各アイテムのフルハイトモードをサポート
- カスタム コンテンツ幅とブートストラップ コンテナー (モバイル、タブレット、デスクトップ)
- カスタム コンテンツ パディング (モバイル、タブレット、デスクトップ)
- 下にスクロール もっと ボタン
- などなど…