diff --git a/LCAmericanCars.html b/LCAmericanCars.html new file mode 100644 index 0000000..6b32692 --- /dev/null +++ b/LCAmericanCars.html @@ -0,0 +1,241 @@ + + + +Main Page + + + + + + + + + + + + + + +
+ + +
AMERICAN CARS
+
+ +
+ + + + + +
+ + + + + + + + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Vehicle DetailsResults
Listing ID:CC-1329383
Price:$42,500 (OBO)
Location:Prosper, Texas
Year:1970
Make:Dodge
Model:Challenger
Exterior Color:Panther Pink
Interia Color:Black
Transmission:Automatic
Odometer:4880
+ +
+ + + + + +
+
+ Contact Us +
+ Name:
+
+ E-mail:
+
+ Comment:
+

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

© 2020 The Collector Car Network, Inc All rights reserved. "Drive your America Dream" is a registered trademark. The Collector Car Network, Inc. All other trademarks are the property of their respective owners.

+
+ + +
+ + + \ No newline at end of file diff --git a/LCAntiques.html b/LCAntiques.html new file mode 100644 index 0000000..075bfd8 --- /dev/null +++ b/LCAntiques.html @@ -0,0 +1,242 @@ + + + +Main Page + + + + + + + + + + + + + + +
+ + +
ANITQUES
+
+ +
+ + + + + +
+ + + + + + + + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Vehicle DetailsResults
Listing ID:CC-1329383
Price:$42,500 (OBO)
Location:Prosper, Texas
Year:1970
Make:Dodge
Model:Challenger
Exterior Color:Panther Pink
Interia Color:Black
Transmission:Automatic
Odometer:4880
+ +
+ + + + + +
+
+ Contact Us +
+ Name:
+
+ E-mail:
+
+ Comment:
+

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

© 2020 The Collector Car Network, Inc All rights reserved. "Drive your America Dream" is a registered trademark. The Collector Car Network, Inc. All other trademarks are the property of their respective owners.

+
+ + +
+ + + \ No newline at end of file diff --git a/LCClassicTrucks.html b/LCClassicTrucks.html new file mode 100644 index 0000000..0107fdb --- /dev/null +++ b/LCClassicTrucks.html @@ -0,0 +1,241 @@ + + + +Main Page + + + + + + + + + + + + + + +
+ + +
CLASSIC TRUCKS
+
+ +
+ + + + + +
+ + + + + + + + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Vehicle DetailsResults
Listing ID:CC-1329383
Price:$42,500 (OBO)
Location:Prosper, Texas
Year:1970
Make:Dodge
Model:Challenger
Exterior Color:Panther Pink
Interia Color:Black
Transmission:Automatic
Odometer:4880
+ +
+ + + + + +
+
+ Contact Us +
+ Name:
+
+ E-mail:
+
+ Comment:
+

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

© 2020 The Collector Car Network, Inc All rights reserved. "Drive your America Dream" is a registered trademark. The Collector Car Network, Inc. All other trademarks are the property of their respective owners.

+
+ + +
+ + + \ No newline at end of file diff --git a/LCExotics.html b/LCExotics.html new file mode 100644 index 0000000..ea5e2ef --- /dev/null +++ b/LCExotics.html @@ -0,0 +1,241 @@ + + + +Main Page + + + + + + + + + + + + + + +
+ + +
EXOTICS
+
+ +
+ + + + + +
+ + + + + + + + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Vehicle DetailsResults
Listing ID:CC-1329383
Price:$42,500 (OBO)
Location:Prosper, Texas
Year:1970
Make:Dodge
Model:Challenger
Exterior Color:Panther Pink
Interia Color:Black
Transmission:Automatic
Odometer:4880
+ +
+ + + + + +
+
+ Contact Us +
+ Name:
+
+ E-mail:
+
+ Comment:
+

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

© 2020 The Collector Car Network, Inc All rights reserved. "Drive your America Dream" is a registered trademark. The Collector Car Network, Inc. All other trademarks are the property of their respective owners.

+
+ + +
+ + + \ No newline at end of file diff --git a/LCsuccess.html b/LCsuccess.html new file mode 100644 index 0000000..63df532 --- /dev/null +++ b/LCsuccess.html @@ -0,0 +1 @@ +

THAMK YOU FOR VISITING THE SITE

\ No newline at end of file diff --git a/README b/README new file mode 100644 index 0000000..df5313c --- /dev/null +++ b/README @@ -0,0 +1 @@ +access the site in the following link here: https://starasia1.github.io/sba.javascript_3-page-website/ diff --git a/aboutus.html b/aboutus.html new file mode 100644 index 0000000..77edcd9 --- /dev/null +++ b/aboutus.html @@ -0,0 +1,9 @@ + + + + +

About Us

+

This is about our compay. Thank you for visiting our site.

+ + + \ No newline at end of file diff --git a/css/style.css b/css/style.css index d17d83a..db9da26 100644 --- a/css/style.css +++ b/css/style.css @@ -1,5 +1,114 @@ +/* background image for main page */ body { - background-color: navy; + background-image: url('https://cdn.pixabay.com/photo/2015/03/26/10/11/classic-691043_1280.jpg'); + background-size: cover; + background-attachment: fixed; + } + +/* drop button for main page */ + .dropdown { + position: center; + display: inline-block; + width: 100%; + left: 500px; + } + + .dropdown-content { + display: none; + position: absolute; + background-color: #f9f9f9; + min-width: 160px; + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + padding: 12px 16px; + z-index: 1; + position: absolute; + top: 75%; + left: 50%; + transform: translate(-50%, -50%); + } + .dropbtn { + background-color: #dee7de; + color:rgba(0,0,0,0.5); + padding: 16px; + font-size: 16px; + border: none; + cursor: pointer; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + + .dropdown:hover .dropdown-content { + display: block; + } + + .signinfo{ + float: right; + padding:10px; + border-radius: 12px; + } + /* sign in & sign up button on main page */ + .signbtn{ + color: black; + padding: 14px 40px; + font-family: Cambria; + } + + + +/* Add padding to containers */ + .box { + padding: 16px; + } + +/* Full-width input fields */ + input[type=text], input[type=password] { + width: 100%; + padding: 15px; + margin: 5px 0 22px 0; + display: inline-block; + border: none; + background: #f1f1f1; + } + + input[type=text]:focus, input[type=password]:focus { + background-color: #ddd; + outline: none; + } + +/* Overwrite default styles of hr */ + hr { + border: 1px solid #f1f1f1; + margin-bottom: 25px; + } + +/* Set a style for the submit/register button */ +.registerbtn { + background-color: #948b8a; + color: white; + padding: 16px 20px; + margin: 8px 0; + border: none; + cursor: pointer; + width: 100%; + opacity: 0.9; +} + +.registerbtn:hover { + opacity:1; +} + +/* Add a blue text color to links */ +a { + color: dodgerblue; +} + +/* Set a grey background color and center the text of the "sign in" section */ +.signin { + background-color: #f1f1f1; + text-align: center; + width: 100%; } @@ -7,3 +116,62 @@ object { height: 100vh; width: 100vh; } + + +/* signup.html style sheet */ + +*{ + margin: 0; + padding: 0; + font-family: "montserrat", sans-serif; +} +.sign-section{ + background: url(https://cdn.pixabay.com/photo/2016/04/13/21/58/auto-1327801_1280.jpg) no-repeat center; + background-size: cover; + padding: 40px 0; +} +.sign-section h1{ + text-align: center; + color: #ddd; +} +.border{ + width: 100px; + height: 10px; + background: #34495e; + margin: 40px auto; +} +.sign-form{ + max-width: 600px; + margin: auto; + padding: 0 10px; + overflow: hidden; +} +.sign-form-text{ + display: block; + width: 100%; + box-sizing: border-box; + margin: 16px 0; + border: 0; + background: #111; + padding: 20px 40px; + outline: none; + color: rgb(168, 23, 23); + transition: 0.5s; +} +.sign-form-text:hover{ + box-shadow: 0 0 10px 4px #34495e; +} + +.sign-form-btn{ + float: rught; + border: 0; + background: #34495e; + color: #fff; + padding: 12px 50px; + border-radius: 20px; + cursor: pointer; + transition: 0.5s; +} +.sign-form-btn:hover{ + background: #2980b9; +} \ No newline at end of file diff --git a/css/testing.css b/css/testing.css new file mode 100644 index 0000000..747b55e --- /dev/null +++ b/css/testing.css @@ -0,0 +1,75 @@ +#slider { + width:500px; + top:100px; + position:absolute + } + #header { + width:260px; + height:520px; + position:absolute; + right:0; + border:1px solid #d8d8d8; + margin-left:40px; + padding:20px 40px; + border-radius:3px; + box-shadow:0 0 8px gray + } + #sidebar { + position:absolute; + top:180px; + left:113px; + box-shadow:0 0 8px gray + } + #sidebar1 { + position:absolute; + top:180px; + left:113px; + box-shadow:0 0 8px gray + } + h3 { + font-family:'Roboto Slab',serif + } + input[type=text] { + margin-top:10px; + padding:6px; + width:100%; + font-size:15px; + border-radius:2px; + border:3px solid #98d0f1 + } + h4 { + font-size:15px + } + div#title { + position:absolute; + top:300px; + left:650px + } + select { + padding:6px; + width:100%; + font-size:15px; + border-radius:2px; + border:3px solid #98d0f1 + } + textarea { + padding:6px; + font-size:15px; + border-radius:2px; + border:3px solid #98d0f1; + margin-top:10px; + height:80px; + width:100% + } + button { + background:#2bc1f2; + border:none; + color:#fff; + width:100%; + font-size:22px; + font-weight:bolder; + padding:8px 0; + border-radius:3px; + cursor:pointer; + margin-top:25px + } \ No newline at end of file diff --git a/index.html b/index.html index 4dc0c72..64b4b56 100644 --- a/index.html +++ b/index.html @@ -1,54 +1,37 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + +Main Page + + + + + + + + + - - - - The quickest of brown foxes. - - - - - - - - - - + +
+ +
+
+ +
+

American Cars

+

Antique Cars

+

Classic Trucks

+

Exotic Cars

+

Muscle and Pony Cars

+

Modern Performance Cars

+
+
+ diff --git a/js/header-functions.js b/js/header-functions.js index ff2614d..1f7fe80 100644 --- a/js/header-functions.js +++ b/js/header-functions.js @@ -1,11 +1,11 @@ // import jquery-3.4.0 -document.write(''); -document.write(''); +//document.write(''); +//document.write(''); // import `utils.js` -document.write(''); +//document.write(''); // import w3-include -document.write(''); +//document.write(''); diff --git a/js/index.js b/js/index.js new file mode 100644 index 0000000..1bb2a52 --- /dev/null +++ b/js/index.js @@ -0,0 +1,15 @@ + +function CheckName() +{ + var regex = /^[a-zA-Z ]{2,30}$/; + var ctrl = document.getElemetnById(sign-form.YourName.value); + + if (regex.test(ctrl.value)) { + return true; + } + else { + + alert("You have entered an invalid Fame!"); + return false; + } +} \ No newline at end of file diff --git a/mainpg.jpeg b/mainpg.jpeg new file mode 100644 index 0000000..1d3d3aa Binary files /dev/null and b/mainpg.jpeg differ diff --git a/service.html b/service.html new file mode 100644 index 0000000..e89cc53 --- /dev/null +++ b/service.html @@ -0,0 +1,24 @@ + + + +Main Page + + + + + + + + + + +

Need Parts? Come To The Shop for a very FAIR Price

+ + + + + + + + + \ No newline at end of file diff --git a/signup.html b/signup.html new file mode 100644 index 0000000..f7d48c1 --- /dev/null +++ b/signup.html @@ -0,0 +1,31 @@ + + + +Main Page + + + + + + + + + + +
+

Register

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