From 83d6046820018bd0abbc0c18828e1b5bd07da1e7 Mon Sep 17 00:00:00 2001 From: ​ Date: Thu, 1 Jan 1970 00:00:00 +0000 Subject: bike --- bike/css/main.css | 211 +++++++++++++++++++++++++++++++++++++++++++++++ bike/guides/index.html | 60 ++++++++++++++ bike/index.html | 47 +++++++++++ bike/order/index.html | 90 ++++++++++++++++++++ bike/parts/index.html | 103 +++++++++++++++++++++++ bike/template/index.html | 52 ++++++++++++ 6 files changed, 563 insertions(+) create mode 100644 bike/css/main.css create mode 100644 bike/guides/index.html create mode 100644 bike/index.html create mode 100644 bike/order/index.html create mode 100644 bike/parts/index.html create mode 100644 bike/template/index.html (limited to 'bike') diff --git a/bike/css/main.css b/bike/css/main.css new file mode 100644 index 0000000..0699fb7 --- /dev/null +++ b/bike/css/main.css @@ -0,0 +1,211 @@ +@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap'); + +html{ + background-color: #000000; + background-image: url("../i/bg.png"); + background-repeat: no-repeat; + background-size: 120%; + color: #EEBB99; +} + +body{ + margin: auto; +} + +h1,h2,h3{ + margin: .5em; + font-family: "Noto Serif", serif; +} + +p{ + font-size: .95em; + padding-left: 3%; + padding-right: 3%; +} + +a{ + color: #FFC400; + text-decoration: none; +} +a:hover{ + color: #FFF400; +} + +img{ + width: 50%; + padding-left: 20%; +} + +video{ + display: block; + max-width: 100%; + width: 80%; + padding-left: 4%; +} + +hr{ + color: #AA9988; +} + +header{ + text-align: center; + font-size: .9em; +} +header i{ + font-size: .6em; + font-weight: normal; + display: none; +} + +nav{ + text-align: center; + color: #998877; +} +nav a{ + font-size: 1.03em; + padding-left: 1%; + padding-right: 1%; +} +nav i{ + font-size: .85em; + color: #FFAA77; + padding-left: 1%; + display: none; +} + +main{ + width: 95%; + padding: 5% 2% 5% 2%; +} + +footer{ + position: fixed; + bottom: 0; + width: 100%; + font-size: .8em; + font-family: "Noto Serif", serif; + background-color: #30000055; +} +footer p{ + text-align: center; + margin: .0%; + padding: .3%; + text-shadow: 3px 3px 8px #FFAA77; +} + +table{ + font-size: .8em; +} +table tr:nth-child(odd){ + background-color: #332000CC; +} +table tr:nth-child(even){ + background-color: #443000CC; +} + +form{ + background-color: #33200055; + outline: none; +} +fieldset,input,textarea{ + margin-bottom: 2%; + border-color: #8F8880; +} +fieldset legend{ + font-weight: bold; + font-size: 1.25em; +} +label{ + display: block; + padding-top: 1.3%; +} +textarea{ + background-color: #33200088; + color: #FFDDBB; +} + +.btn{ + background-color: #332000CC; + color: #FFA000; + border: none; + font-size: 1.1em; + padding: 2px 3px; + display: inline-block; + border-radius: 3px; + box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2), 0 3px 5px 0 rgba(200,160,100,.7); +} +.btn:hover{ + color: #DDC000; + box-shadow: 0 8px 15px 0 rgba(0,0,0,0.2), 0 5px 8px 0 rgba(220,180,18,18.17); +} +nav .btn:nth-last-child(-n+3){ + color: #CCB000; + font-size: .98em; +} + +@media screen and (min-width:600px),print{ + .grid{ + display: grid; + grid-template-columns: auto auto; + grid-gap: 0px; + } + + body{ + width: 95%; + } + + header{ + width: 90%; + } + + nav{ + width: 95%; + } + + footer{ + width: 95%; + } + + table{ + font-size: .9em; + } + + .btn{ + font-size: 1.2em; + padding: 3px 5px; + } +} + +@media screen and (min-width:900px),print{ + body{ + width: 85%; + } + + header{ + width: 80%; + } + header i{ + display: inline; + } + + nav{ + width: 85%; + } + nav i{ + display: inline; + } + + main{ + width: 70%; + padding: 3% 12% 3% 12%; + } + + footer{ + width: 85%; + } + + table{ + font-size: 1em; + } +} diff --git a/bike/guides/index.html b/bike/guides/index.html new file mode 100644 index 0000000..fb97e69 --- /dev/null +++ b/bike/guides/index.html @@ -0,0 +1,60 @@ + + + + + +Bike Mastery: Guides + +
+

Our Guides + Bike Mastery

+
+ + + +
+

Video Guides

+ +

The Ultimate Guide to Understanding Your Bike


+ +

Knowing When a Bike Part Needs Replaced


+ + +

How to Properly Adjust Your Bike Seat


+ +

Tire Replacement Guide


+
+
+ + + + diff --git a/bike/index.html b/bike/index.html new file mode 100644 index 0000000..08b22f2 --- /dev/null +++ b/bike/index.html @@ -0,0 +1,47 @@ + + + + + +Bike Mastery: Home + +
+

Welcome to Bike Mastery

+
+ + + +
+ +

Welcome! Our mission is to help get you riding again. We believe + every bicyclist should understand their bike and have the skills to + repair, customize, and personalize it to their heart's content. Bike + Mastery is a central hub for excellent video guides and a seller of + high quality bike parts shipped directly to you.

+
+

Sitemap

+ +
+ + + + diff --git a/bike/order/index.html b/bike/order/index.html new file mode 100644 index 0000000..efa2169 --- /dev/null +++ b/bike/order/index.html @@ -0,0 +1,90 @@ + + + + + +Bike Mastery: Your Order + +
+

Your Order + Bike Mastery

+
+ + + +
+

Place an Order

+

We ship directly to you within 3 to 5 business days!

+
+
+ Your Info + + + + + + + + + + + + +
+
+ Select Parts + + + + + + + + + + +
+ + +
+
+ + + + diff --git a/bike/parts/index.html b/bike/parts/index.html new file mode 100644 index 0000000..dc03fa2 --- /dev/null +++ b/bike/parts/index.html @@ -0,0 +1,103 @@ + + + + + +Bike Mastery: Parts + +
+

Parts Inventory + Bike Mastery

+
+ + + +
+

Bike Parts

+

Here you can see our current supply of bike parts.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Our Inventory
IDBrandItemColorStockCost
1Best Bike Co.26x2.125 Inch WheelsSilver23$125
2Best Bike Co.26x2.125 Inch TiresDark Grey19$90
3Best Bike Co.Seat/SaddleBlack22$55
4Best Bike Co.PedalsSilver24$45
5Tough Bike Co.26x3 Inch Heavy-Duty WheelsBlack17$160
6Tough Bike Co.26x3 Inch All-Terrain TiresBlack16$125
7Best Bike Co.HandlebarSilver21$55
8Best Bike Co.Handlebar GripsDark Grey22$35
+
+ + + + diff --git a/bike/template/index.html b/bike/template/index.html new file mode 100644 index 0000000..09e4faf --- /dev/null +++ b/bike/template/index.html @@ -0,0 +1,52 @@ + + + + + +Bike Mastery: Template + +
+

Template Page + Bike Mastery

+
+ + + +
+

Column 1

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, + sed do eiusmod tempor incididunt ut labore et dolore magna + aliqua. Ut enim ad minim veniam, quis nostrud exercitation + ullamco laboris nisi ut aliquip ex ea commodo consequat.

+
+

Column 2

+

Example List

+ +

Another Example

+ +
+ + + + -- cgit 1.4.1