commit 82823a8cf2d52376503daf9756292d36b0a4d40c Author: Batuhan Berk Başoğlu Date: Sun Mar 7 19:09:39 2021 -0500 Added files from lab 4. diff --git a/README.md b/README.md new file mode 100644 index 0000000..78e0018 --- /dev/null +++ b/README.md @@ -0,0 +1,18 @@ +# SEG3125-LAB5 + +The validated service company website made by Ruchira Perrera, Sam Oyediran, Batuhan Basoglu, and Kene Ojukwu + +https://arctichawk1.github.io/SEG3125-LAB5/ + + +Noteable bugs in the website +the date selection does not work on Safari when trying to select date for appointment +Please kindly test on Chrome + + +# Authors + +- Batuhan Basoglu, 300001274 - ArcticHawk1 +- Ruchira Perera, 8714992 - ruchirawp +- Sam Oyediran, 300016349 - soyed +- Kene Ojukwu, 300027974 - kene17 diff --git a/css/styles.css b/css/styles.css new file mode 100644 index 0000000..eb53e81 --- /dev/null +++ b/css/styles.css @@ -0,0 +1,291 @@ +body { + font-family: 'Montserrat', sans-serif; + text-align: center; +} + + +/* Headings */ + +.big-heading { + font-family: 'Montserrat-Black'; + font-size: 3.5rem; + line-height: 1.5; +} + +.big-heading-2 { + font-family: 'Montserrat-Black'; + font-size: 2.0rem; + line-height: 1.5; + padding-top: 80px; +} + +.container-fluid { + padding: 7% 15%; +} + + +/* Sections */ + +.colored-section#title { + background-image: url("images/biking.jpg"); +} + +.colored-section { + background-color: #a77a32; + color: #ffffff; +} + +.colored-section2 { + background-color: #34626c; + color: #ffffff; +} + +.colored-section3 { + background-color: #cfd3ce; + color: #ffffff; +} + +.white-section { + background-color: #ffffff; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: 'Montserrat-Bold'; +} + +h3 { + font-size: 1.5rem; +} + +p { + color: rgb(77, 77, 77); + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif +} + + +/* navigation bar */ + +.navbar { + padding: 0 0 4.5rem; +} + +.section-heading { + font-size: 3rem; + line-height: 1.5; +} + +.navbar-brand { + font-family: 'Ubuntu', sans-serif; + font-size: 2.5rem; + font-weight: bold; +} + +.navbar-item { + padding: 0px 18px; +} + +.navbar-link { + font-size: 1.2rem; + font-family: 'Montserrat-light', sans-serif; +} + +#test { + color: rgb(236, 236, 236); +} + +#test:hover { + color: rgb(216, 181, 24); +} + + +/* Download Buttons */ + +.download-btn { + margin: 5% 3% 5% 0; +} + + +/* Title Section */ + +#title .container-fluid { + padding: 3% 15% 7%; + text-align: left; +} + + +/* Title Image */ + +.title-image { + width: 100%; + position: right; + right: 30%; +} + +#features .container-fluid { + padding: 3% 5%; + text-align: left; +} + + +/* Features section */ + +#features { + position: relative; + z-index: 1; +} + +.feature-title { + font-size: 1.5rem; +} + +.feature-box { + padding: 4%; +} + +.feature-icon { + color: #34626c; + margin-bottom: 1rem; +} + +.feature-icon:hover { + color: #839b97; +} + + +/* testimonial section */ + +#testimonials { + background-color: #ef8172; +} + +.testimonial-text { + font-size: 3rem; + line-height: 1.5; +} + +.testimonial-img { + width: 10%; + border-radius: 100%; + margin: 20px; +} + +.carousel-item {} + + +/* Press section */ + +#press { + background-color: #81ef72; + padding-bottom: 3%; +} + +.press-img { + width: 15%; + margin: 20px 20px 50px; +} + + +/* Pricing Section */ + +#pricing { + padding: 100px; +} + +.price-text { + font-size: 3rem; + line-height: 1.5; +} + +.pricing-col { + padding: 3% 2%; +} + + +/* CTA Section */ + +#cta { + padding: 3% 7% +} + +.map-img { + width: 70%; + height: 400px; + margin: 3% auto; +} + + +/*****Appointment Section *****/ + +.request-label { + text-align: left; +} + + +/* Footer section */ + +#footer {} + +.social-icon { + margin: 20px 10px; +} + +@media (max-width: 1028px) { + #title { + text-align: center; + } + .title-image { + position: static; + transform: rotate(0); + } +} + +.colored-section#title { + background-image: url("images/biking.jpg"); +} + + +/* Style inputs with type="text", select elements and textareas */ + +input[type=text], +select, +textarea { + width: 100%; + /* Full width */ + padding: 12px; + /* Some padding */ + border: 1px solid #ccc; + /* Gray border */ + border-radius: 4px; + /* Rounded borders */ + box-sizing: border-box; + /* Make sure that padding and width stays in place */ + margin-top: 6px; + /* Add a top margin */ + margin-bottom: 16px; + /* Bottom margin */ + resize: vertical/* Allow the user to vertically resize the textarea (not horizontally) */ +} + + +/* Style the submit button with a specific background color etc */ + +input[type=submit] { + background-color: #d60024; + color: white; + padding: 12px 20px; + border: none; + border-radius: 4px; + cursor: pointer; +} + + +/* When moving the mouse over the submit button, add a darker green color */ + +input[type=submit]:hover { + background-color: #fa4664; +} \ No newline at end of file diff --git a/images/bike1.jpg b/images/bike1.jpg new file mode 100644 index 0000000..527fa2d Binary files /dev/null and b/images/bike1.jpg differ diff --git a/images/bike2.jpg b/images/bike2.jpg new file mode 100644 index 0000000..2853151 Binary files /dev/null and b/images/bike2.jpg differ diff --git a/images/bike3.jpg b/images/bike3.jpg new file mode 100644 index 0000000..5cca1fc Binary files /dev/null and b/images/bike3.jpg differ diff --git a/images/bike_repair1.jpg b/images/bike_repair1.jpg new file mode 100644 index 0000000..bec3c83 Binary files /dev/null and b/images/bike_repair1.jpg differ diff --git a/images/bike_shop1.jpg b/images/bike_shop1.jpg new file mode 100644 index 0000000..ba46f2c Binary files /dev/null and b/images/bike_shop1.jpg differ diff --git a/images/biking.jpg b/images/biking.jpg new file mode 100644 index 0000000..653dad4 Binary files /dev/null and b/images/biking.jpg differ diff --git a/images/biking2.jpg b/images/biking2.jpg new file mode 100644 index 0000000..aaac6b0 Binary files /dev/null and b/images/biking2.jpg differ diff --git a/images/brake.jpg b/images/brake.jpg new file mode 100644 index 0000000..080d989 Binary files /dev/null and b/images/brake.jpg differ diff --git a/images/customers/Anthony.png b/images/customers/Anthony.png new file mode 100644 index 0000000..f17ac86 Binary files /dev/null and b/images/customers/Anthony.png differ diff --git a/images/customers/Dottie.jpg b/images/customers/Dottie.jpg new file mode 100644 index 0000000..f15d1f2 Binary files /dev/null and b/images/customers/Dottie.jpg differ diff --git a/images/customers/bobby.jpg b/images/customers/bobby.jpg new file mode 100644 index 0000000..e85babe Binary files /dev/null and b/images/customers/bobby.jpg differ diff --git a/images/customers/keith.png b/images/customers/keith.png new file mode 100644 index 0000000..f3f9120 Binary files /dev/null and b/images/customers/keith.png differ diff --git a/images/logo.jpg b/images/logo.jpg new file mode 100644 index 0000000..78dd045 Binary files /dev/null and b/images/logo.jpg differ diff --git a/images/logo2.png b/images/logo2.png new file mode 100644 index 0000000..e41d799 Binary files /dev/null and b/images/logo2.png differ diff --git a/images/maintenance.jpg b/images/maintenance.jpg new file mode 100644 index 0000000..248ebb8 Binary files /dev/null and b/images/maintenance.jpg differ diff --git a/images/owner_pic.jpg b/images/owner_pic.jpg new file mode 100644 index 0000000..7da120e Binary files /dev/null and b/images/owner_pic.jpg differ diff --git a/images/tire.jpg b/images/tire.jpg new file mode 100644 index 0000000..df1c8a7 Binary files /dev/null and b/images/tire.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..a9f6d1e --- /dev/null +++ b/index.html @@ -0,0 +1,330 @@ + + + + + + Batuhan's Bikes + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + + +
+
+

Nothing beats the high of a good bike ride.

+ +
+ +
+ bike repair +
+
+
+ +
+ + + + +
+ +
+ +
+
+ +

Hey, my name is Batuhan.

+

Ever since I was a child, it was my dream to own + a bike shop. One day after school, a bike fell out of the sky + and I could see that it was broken. I managed to fix that bike + up and use it in bike tournaments. That same bike is the one that I + used to win the national biking tournament in Bikini Bottom. To this day, + I don't know where that bike came from but I wish to pass on my good fortune to + others by helping them with their bikes.

+
+ +
+

Girl in a jacket

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

Our Services

+

Simple and affordable price plans for your bike.

+ + +
+
+
+
+

Brake Repair

+
+
+

$47.95

+ bike1 +

Repair Using Standard kit

+

Part Replacement

+ +
+
+
+ +
+
+
+

Fixing Punctures

+
+
+

$59.95

+ bike2 +

Repair Using Advanced Kit

+

Part Replacement

+ +
+
+
+ + +
+
+
+

Full Repair/Maintenance

+
+
+

$79.95

+ bike3 +

Full Part Replacement

+

Full Cleaning

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

Contact Us

+

5 Hawthorne Avenue
+ Ottawa, Ontario
+ Phone: (613) 567-8180
+ Email: info@cycosport.ca
+

Buisness Hours: 8:30 - 22:00, Monday to Friday

+

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

Book an Appointment

+ + + + +
+ + +
+ +
+
+ +
+
+ +
+
+ + + + + +
+
+ + +
+
+
+ + + + + + + + + + + + + + \ No newline at end of file