diff --git a/.github/original.html b/.github/original.html new file mode 100644 index 000000000..a07c89849 --- /dev/null +++ b/.github/original.html @@ -0,0 +1,956 @@ + + + + + + LAB | Bootstrap Cloning Revera + + + + + +
+
+ The Wayback Machine - + https://web.archive.org/web/20180109051150/http://demo.fabthemes.com:80/revera/ +
+ + + +
+ + + +
+ +
+ +
+ +
+
+
+
+ +

Web design

+

+ Cum sociis natoque penatibus et magnis dis parturient montes, + nascetur ridiculus mus. Vestibulum vehicula erat non congue + cursus. Aenean auctor nulla quis augue dictum, sed sagittis odio + varius Link +

+
+ +
+ +

Web development

+

+ Duis tempus leo vitae ipsum viverra, blandit condimentum sapien + porttitor. Duis porttitor sed metus eget mollis. Curabitur + bibendum imperdiet tortor, ut pulvinar purus elementum + nspendisse at erat luctus. +

+
+ +
+ +

User interface

+

+ Cras aliquet venenatis porttitor. Donec rutrum sapien et sapien + dignissim, eu dapibus mi molestie. Suspendisse dictum convallis + quam et sodales. Praesent non enim et magna congue gravida. +

+
+
+
+
+
+
+
+
+
+

Latest Projects

+

Few of the latest portfolio items

+
+ +
+
+
+ +
+ +

+ + Nunc libero elit, iaculis nec augue non +

+
+ +
+
+ +
+ +

+ + Phasellus aliquet iaculis neque accumsan aliquam +

+
+ +
+
+ +
+ +

+ + Vivamus blandit ipsum sed arcu euismod +

+
+ +
+
+ +
+ +

+ + Curabitur auctor dolor risus, vitae pellentesque arcu + consequat +

+
+
+
+
+ +
+
+
+

Latest Articles

+

Latest posts from the blog

+
+ +
+
+
+ +
+ +

+ + Etiam mauris tortor, pharetra quis lobortis in, pharetra + in diam +

+
+ Posted on + + by + admin +
+ +

+ Duis tempus leo vitae ipsum viverra, blandit condimentum + sapien porttitor. Duis porttitor sed metus eget mollis. + Curabitur bibendum imperdiet tortor, ut pulvinar purus + elementum nec. Suspendisse at erat luctus; hendrerit sapien + sed, consectetur erat. Maecenas dignissim suscipit orci at + molestie. Aenean fringilla dolor vitae lacus lacinia + eleifend. Suspendisse et libero nunc. Etiam mauris tortor, + pharetra […] +

+
+ +
+
+ +
+ +

+ + Falauris sollicitudin quis dolor venenatis facilisis +

+
+ Posted on + + by + admin +
+ +

+ Donec sed dolor eu augue dignissim pellentesque. Fusce + semper tortor ornare, luctus sem in, dictum leo. Ut at + congue quam! Maecenas luctus interdum odio, eget volutpat + velit hendrerit eu? Suspendisse at magna ut sem blandit + hendrerit non ut magna. Cras quis porta dolor. Aliquam erat + volutpat. Phasellus fringilla feugiat libero nec volutpat. + Maecenas fermentum bibendum […] +

+
+ +
+
+ +
+ +

+ + Suspendisse ornare, felis feugiat suscipit pharetra +

+
+ Posted on + + by + admin +
+ +

+ Quisque sit amet sagittis justo. Suspendisse ornare, felis + feugiat suscipit pharetra, lorem est viverra odio; tristique + tristique diam tellus id tellus. In consectetur aliquet + tristique. Curabitur imperdiet leo in nisl consectetur + mattis. Quisque bibendum, mauris vitae suscipit ornare; est + nibh elementum mauris, eu malesuada nunc magna at justo. + Proin blandit id tellus non pellentesque. Mauris […] +

+
+ +
+
+ +
+ +

+ + Festibulum purus odio, ornare non posuere +

+
+ Posted on + + by + admin +
+ +

+ Aenean quis rhoncus nisl, eget sollicitudin ipsum. Curabitur + a elementum purus. Quisque vitae dui at arcu porttitor + laoreet ac vitae nibh. Class aptent taciti sociosqu ad + litora torquent per conubia nostra, per inceptos himenaeos. + Nulla facilisi. Nulla egestas at nunc at volutpat. Nullam + sodales at diam vel tempor. Sed pretium, leo vel + pellentesque dictum, ligula […] +

+
+
+
+
+
+
+ + +
+
+
+
+

Revera

+
+

+ Cum sociis natoque penatibus et magnis dis parturient montes, + nascetur ridiculus mus. Vestibulum vehicula erat non congue + cursus. Aenean auctor nulla quis augue dictum, sed sagittis + odio varius? Aliquam nec venenatis turpis. Aenean euismod arcu + vel volutpat tristique. In mattis ipsum quis magna feugiat, id + tempus metus accumsan. +

+
+
+
+

Meta

+ +
+
+

Archives

+ +
+
+

Recent Posts

+ +
+
+
+
+ + + +
+ + + + + + + + + + + preload imagepreload image + + + diff --git a/Buttons.html b/Buttons.html new file mode 100644 index 000000000..9a980b3ae --- /dev/null +++ b/Buttons.html @@ -0,0 +1,22 @@ + + + + + + Bootstrap Button Examples + + + +
+

Button Examples

+ + + + + + + + +
+ + diff --git a/Cards.html b/Cards.html new file mode 100644 index 000000000..2da4377fd --- /dev/null +++ b/Cards.html @@ -0,0 +1,22 @@ + + + + + + Bootstrap Card Example + + + +
+

Card Example

+
+ ... +
+
Card title
+

Some quick example text to build on the card title and make up the bulk of the card's content.

+ Go somewhere +
+
+
+ + diff --git a/Navbar.html b/Navbar.html new file mode 100644 index 000000000..4f7a050a5 --- /dev/null +++ b/Navbar.html @@ -0,0 +1,30 @@ + + + + + + Bootstrap Navbar Example + + + + + + diff --git a/css/styles.css b/css/styles.css new file mode 100644 index 000000000..3f937ae1e --- /dev/null +++ b/css/styles.css @@ -0,0 +1,105 @@ +/* 全体のスタイル */ +body { + font-family: Arial, sans-serif; + color: #333; +} + +.site-header { + background-color: #fff; + padding: 20px 0; +} + +.site-title a { + color: #000; + font-size: 24px; + font-weight: bold; + text-decoration: none; +} + +.navbar-nav .nav-link { + color: #555; + font-size: 16px; + padding: 10px 15px; +} + +.navbar-nav .nav-link:hover, +.navbar-nav .nav-link.active { + color: #d9534f; + background-color: transparent; +} + +.jumbotron { + color: #fff; + background-size: cover; + background-position: center; + padding: 100px 50px; + text-align: center; +} + +.jumbotron .display-4 { + font-size: 3rem; + font-weight: 700; + text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); +} + +.jumbotron .lead { + font-size: 1.5rem; + text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); +} + +.jumbotron .btn-primary { + background-color: #d9534f; + border-color: #d9534f; + font-size: 1.25rem; + padding: 10px 30px; +} + +.jumbotron .btn-primary:hover { + background-color: #c9302c; + border-color: #c12e2a; +} + +.hthumb img { + width: 100%; + height: auto; +} + +.fwidgets .homewidget { + text-align: center; + margin-bottom: 30px; +} + +.fwidgets .homewidget h3 { + margin-top: 20px; + font-size: 1.5rem; +} + +.portbox, +.postbox { + text-align: center; + margin-bottom: 30px; +} + +.portbox h3, +.postbox h3 { + margin-top: 15px; + font-size: 1.25rem; +} + +.postbox .hometa { + margin: 10px 0; + font-size: 0.875rem; + color: #999; +} + +.site-footer { + background-color: #f8f9fa; + padding: 30px 0; + text-align: center; + font-size: 0.875rem; +} + +.site-footer .fcred { + margin: 0; + color: #999; +} diff --git a/index.html b/index.html new file mode 100644 index 000000000..7930fded0 --- /dev/null +++ b/index.html @@ -0,0 +1,229 @@ + + + + + + Revera Theme Clone + + + + +
+ + + +
+
+
+
+ + +
+
+
+ +

Web design

+

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum vehicula erat non congue cursus. Aenean auctor nulla quis augue dictum, sed sagittis odio varius Link

+
+ +
+ +

Web development

+

Duis tempus leo vitae ipsum viverra, blandit condimentum sapien porttitor. Duis porttitor sed metus eget mollis. Curabitur bibendum imperdiet tortor, ut pulvinar purus elementum nspendisse at erat luctus.

+
+ +
+ +

User interface

+

Cras aliquet venenatis porttitor. Donec rutrum sapien et sapien dignissim, eu dapibus mi molestie. Suspendisse dictum convallis quam et sodales. Praesent non enim et magna congue gravida.

+
+
+
+ +
+
+
+

Latest Projects

+

Few of the latest portfolio items

+
+
+
+ Project 1 +
+

Project 1

+
+
+
+ Project 2 +
+

Project 2

+
+
+
+ Project 3 +
+

Project 3

+
+
+
+ Project 4 +
+

Project 4

+
+
+
+
+
+ +
+
+
+

Latest Articles

+

Latest posts from the blog

+
+
+
+ Article 1 +
+

Article 1

+
+ Posted on + by admin +
+

Duis tempus leo vitae ipsum viverra, blandit condimentum sapien porttitor. Duis porttitor sed metus eget mollis. Curabitur bibendum imperdiet tortor, ut pulvinar purus elementum nec. Suspendisse at erat luctus; hendrerit sapien sed, consectetur erat. Maecenas dignissim suscipit orci at molestie. Aenean fringilla dolor vitae lacus lacinia eleifend. Suspendisse et libero nunc. Etiam mauris tortor, pharetra […]

+
+
+
+ Article 2 +
+

Article 2

+
+ Posted on + by admin +
+

Donec sed dolor eu augue dignissim pellentesque. Fusce semper tortor ornare, luctus sem in, dictum leo. Ut at congue quam! Maecenas luctus interdum odio, eget volutpat velit hendrerit eu? Suspendisse at magna ut sem blandit hendrerit non ut magna. Cras quis porta dolor. Aliquam erat volutpat. Phasellus fringilla feugiat libero nec volutpat. Maecenas fermentum bibendum […]

+
+
+
+ Article 3 +
+

Article 3

+
+ Posted on + by admin +
+

Quisque sit amet sagittis justo. Suspendisse ornare, felis feugiat suscipit pharetra, lorem est viverra odio; tristique tristique diam tellus id tellus. In consectetur aliquet tristique. Curabitur imperdiet leo in nisl consectetur mattis. Quisque bibendum, mauris vitae suscipit ornare; est nibh elementum mauris, eu malesuada nunc magna at justo. Proin blandit id tellus non pellentesque. Mauris […]

+
+
+
+ Article 4 +
+

Article 4

+
+ Posted on + by admin +
+

Aenean quis rhoncus nisl, eget sollicitudin ipsum. Curabitur a elementum purus. Quisque vitae dui at arcu porttitor laoreet ac vitae nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla facilisi. Nulla egestas at nunc at volutpat. Nullam sodales at diam vel tempor. Sed pretium, leo vel pellentesque dictum, ligula […]

+
+
+
+
+
+
+
+
+
+ + +
+ + + + + diff --git a/starter-code/js/scripts.js b/starter-code/js/scripts.js new file mode 100644 index 000000000..c82f4a488 --- /dev/null +++ b/starter-code/js/scripts.js @@ -0,0 +1,16 @@ +$(document).ready(function() { + $('#topmenu').superfish({ + delay: 100, + animation: { opacity: 'show', height: 'show' }, + speed: 'fast', + cssArrows: false, + disableHI: true + }); + + // 現在のページに対応するメニュー項目をアクティブに設定 + $('ul.sfmenu a').each(function() { + if (this.href === window.location.href) { + $(this).addClass('active'); + } + }); +});