diff --git a/Css/about.css b/Css/about.css index 6808e58..49f79f9 100644 --- a/Css/about.css +++ b/Css/about.css @@ -7,26 +7,16 @@ } body { -background-image: linear-gradient(315deg, #485461 0%, #28313b 74%); -} -h1{ - color: white; - font-weight: bolder; - font-size: 80px; - position: relative; - top: 252px; - left: 230px; + background-image: linear-gradient(315deg, #485461 0%, #28313b 74%); + background-repeat:no-repeat; + background-size:100% 100vh; + } -.p +h1 { - color: white; - font-weight: bolder; - font-size: 20px; - position: relative; - top: 257px; - left: 229px; - + font-size: 5rem; } + .photo { height: 400px; @@ -39,17 +29,24 @@ h1{ left: 987px; } -.logo +.content-holder { - position:relative; - bottom: 376px; - left: 237px; + display: flex; + justify-content: space-around; + align-items: center; + padding-top: 5rem; + } -.icon +.img-holder > img { - height: 70px; - width: 52px; - position: relative; - bottom: 320px; - right: 483px; -} \ No newline at end of file + height: 500px; + width: 500px; + border-radius: 5px; +} +@media only screen and (max-width: 1200px) { + .content-holder + { + flex-direction: column; + gap: 3rem; + } + } \ No newline at end of file diff --git a/Css/home.css b/Css/home.css index 486ece3..8641edf 100644 --- a/Css/home.css +++ b/Css/home.css @@ -9,25 +9,6 @@ body { background-image: linear-gradient(315deg, #485461 0%, #28313b 74%); } -.navbar{ - display: flex; - justify-content: space-between; - align-items: center; - padding: 20px; -} -nav{ - flex-shrink: 0; - text-align: right; -} -nav ul{ - display: inline-block; - list-style-type: none; -} -nav ul li{ - display: inline-block; - margin-right: 50px; - font-size: 20px; -} a{ text-decoration: none; color: white; @@ -87,73 +68,4 @@ h1{ .header{ box-shadow: 2rem white; } -.header .row{ - margin-top: 0; -} -.product:hover ~ hr { - margin-left: 15.5%; - width:15%; - } - -.faq:hover ~ hr { - margin-left:38%; - width:14% - } - -.login:hover ~ hr { - margin-left: 59%; - width: 8%; - } -.register:hover ~ hr { - margin-left: 75%; - width:13%; -} -.logo -{ - margin-right: 50px; -} -.logo > img -{ - height: 100px; - width: 100px; -} -i -{ - display: block; - color: white; - font-size: 2rem; - cursor: pointer; - transition: ease-out 100ms; -} -i:hover -{ - color:#B993D6; - font-size: 1.8rem; -} -hr { - height: .25rem; - width:8%; - margin: 0; - background-image: linear-gradient(to right, #B993D6 0%, #8CA6DB 51%, #B993D6 100%); - border: none; - transition: .3s ease-in-out; - } - .photo - { - position: absolute; - height: 400px; - width: 600px; - object-fit:cover; - background:url("Assets/shop\ now\ 2.jpg"); - box-shadow: 5px 5px 5px #28313b; - border-radius: 5px; - margin-top: -12rem; - transition: ease-out 100ms; - } - .photo:hover - { - margin-top: -14rem; - margin-left: -5rem; - height: 500px; - width: 700px; - } \ No newline at end of file + diff --git a/Css/login.css b/Css/login.css index 7c2e536..2b0ad6f 100644 --- a/Css/login.css +++ b/Css/login.css @@ -39,7 +39,7 @@ input background-image: linear-gradient(315deg, #485461 0%, #28313b 0%); color: white; } -.btn +#login-form > button { background-image: linear-gradient(to right, #B993D6 0%, #8CA6DB 51%, #B993D6 100%); display:inline-block; @@ -51,7 +51,7 @@ input background-size: 200% auto; border: none; } -.btn:hover { +#login-form > button { background-position: right center; /* change the direction of the change here */ color: #fff; text-decoration: none; @@ -100,16 +100,11 @@ input[type="password"] width: 300px; margin: 1rem 23rem; } -i +#email-icon,#togglePassword { - color:white; - cursor: pointer; + font-size: 20px; margin-left: -30px; } -i:hover -{ - font-size: 15px; -} .logo { width: 100px; diff --git a/Css/navbar.css b/Css/navbar.css new file mode 100644 index 0000000..2a3b82f --- /dev/null +++ b/Css/navbar.css @@ -0,0 +1,293 @@ +.account +{ + display: flex; + align-items: center; + justify-content: center; + position: relative; + margin: 0 1rem 0 0; +} +.account > img +{ + border-radius: 100%; + height: 50px; + width: 50px; + transition: ease-out 100ms; +} +.account > img:hover +{ + height: 60px; + width: 60px; +} +.logo +{ + display: flex; + align-items: center; + margin: 1rem 0 1rem 1rem; + cursor: pointer; +} +.logo > img +{ + height: fit-content; + width: 100px; + margin: 0 5px 0 0 ; +} +.account +{ + cursor: pointer; +} +.account-content { + display: flex; + position: absolute; + background-color: rgb(34,34,34); + height: fit-content; + min-width: max-content; + padding: 20px; + top:4rem; + right: 5%; + box-shadow: 0px 8px 16px 0px rgba(44, 44, 44, 0.2); + z-index: 1; + border-radius: 5px; + + } + .account-card> img + { + height: 50px; + width: 50px; + border-radius: 100%; + } + .account-card + { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + margin:1rem 0 0 0; + color: white; + } + .account-card > h2 + { + margin:1rem 0 0 0; + } + .account-card > h3 + { + margin: 1rem 0 0 0; + } + .navbar{ + display: flex; + justify-content: space-between; + align-items: center; + padding: 20px; +} +nav{ + flex-shrink: 0; + text-align: right; +} +nav ul{ + display: inline-block; + list-style-type: none; +} +nav ul li{ + display: inline-block; + margin-right: 50px; + font-size: 20px; +} +.account-card > .btn +{ + padding: 5px; +} +a{ + text-decoration: none; + color: white; + +} +p{ + color: white; + font-size: 20px; +} +h1{ + color: white; + font-weight: bolder; + font-size: 20px; +} +.header .row{ + margin-top: 0; +} +.product:hover ~ hr { + margin-left: 15.5%; + width:15%; + } + +.faq:hover ~ hr { + margin-left:38%; + width:14% + } + +.login:hover ~ hr { + margin-left: 59%; + width: 8%; + } +.register:hover ~ hr { + margin-left: 75%; + width:13%; +} +.logo +{ + margin-right: 50px; +} +.logo > img +{ + height: 100px; + width: 100px; +} +i +{ + display: block; + color: white; + font-size: 2rem; + cursor: pointer; + transition: ease-out 100ms; +} +i:hover +{ + color:#B993D6; + font-size: 1.8rem; +} +hr { + height: .25rem; + width:8%; + margin: 0; + background-image: linear-gradient(to right, #B993D6 0%, #8CA6DB 51%, #B993D6 100%); + border: none; + transition: .3s ease-in-out; + } + .photo + { + position: absolute; + height: 400px; + width: 600px; + object-fit:cover; + background:url("Assets/shop\ now\ 2.jpg"); + box-shadow: 5px 5px 5px #28313b; + border-radius: 5px; + margin-top: -12rem; + transition: ease-out 100ms; + } + .photo:hover + { + margin-top: -14rem; + margin-left: -5rem; + height: 500px; + width: 700px; + } + .btn{ + background-image: linear-gradient(to right, #B993D6 0%, #8CA6DB 51%, #B993D6 100%); + display: inline-block; + color:white; + text-decoration: none; + padding: 10px 55px 10px 55px; + border-radius: 5px; + margin: 1rem 0 1rem; + font-size: 25px; + background-size: 200% auto; +} +.btn:hover{ + background-position: right center; /* change the direction of the change here */ + color: #fff; + text-decoration: none; +} +#cart-card-holder +{ + display: flex; + justify-content: center; + align-content: center; + border-radius: 10px; +} +#cart-card +{ + display: flex; + position: absolute; + flex-shrink: 1; + flex-direction: column; + background-color: rgb(37, 37, 37); + color: white; + max-height: 40rem; + max-width: 90vw; + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + z-index: 1; + border:#B993D6 3px solid; + border-radius: 5px; + overflow: hidden; + overflow-y: scroll; + color-scheme: dark; +} + +#cart-card > h2 +{ + font-size: 2rem; + margin:20px 0px 0px 20px; +} +#cart-total +{ + background-image:linear-gradient(315deg, #485461 0%, #28313b 80%); + padding:20px; + margin:20px; + border-radius: 10px; +} +#checkout-btn + { + position: sticky; + margin: 10px; + } + #no-cart-items + { + padding: 30px; + } + .item-card-holder + { + display: flex; + flex-wrap: wrap; + } + .item-card + { + display: flex; + justify-content:flex-start; + flex-direction: column; + border-radius: 5px; + flex: 0; + margin: 0.5rem; + background-color:rgb(37, 37, 37); + width: 15rem; + height: 25rem; + color:white; + padding: 10px; + } + .item-card > img + { + margin:18px; + height: 190px; + width: 200px; + border-radius: 5px; + flex-shrink: 0; + flex-grow: 0; + } + .item-card > article + { + margin:1rem 1rem 0 0; + } + .item-card > article > h1 + { + padding-top: 1rem; + font-size: 2rem; + } + .item-card > article > form > button + { + border:none; + font-weight: 500; + border-radius: 5px; + background-image:linear-gradient(to right, #B993D6 0%, #8CA6DB 51%, #B993D6 100%); + background-size: 200% auto; + padding: 10px; + margin:1rem 0 0 0; + cursor: pointer; + } + diff --git a/Css/products.css b/Css/products.css index ec0f214..e08e41d 100644 --- a/Css/products.css +++ b/Css/products.css @@ -1,322 +1,148 @@ -@import url('https://fonts.googleapis.com/css2?family=Nunito&family=Outfit:wght@300&display=swap'); -* -{ - padding: 0; +@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Padauk:wght@700&family=Raleway:wght@700&display=swap'); +*{ margin: 0; - font-family: 'Nunito', sans-serif; - font-family: 'Outfit', sans-serif; + padding: 0; + box-sizing: border-box; + font-family: 'Raleway',sans-serif; } html { - scroll-behavior: smooth; - } -body -{ - background-image: linear-gradient(315deg, #485461 0%, #28313b 80%); - background-size: cover; -} -header -{ - display: flex; - justify-content: space-between; - border-radius: 0 3px 3px 0; -} -button -{ - color: black; -} -.border-holder -{ - display: flex; - align-items: center; - justify-content: center; - margin-bottom: 1rem; -} -.border -{ - height: 5px; - width: 20rem; - border-radius: 5px; - background-image: linear-gradient(to right, #B993D6 0%, #8CA6DB 51%, #B993D6 100%); -} -.account -{ - display: flex; - align-items: center; - justify-content: center; - position: relative; - margin: 0 1rem 0 0; -} -.account > img -{ - border-radius: 100%; - height: 50px; - width: 50px; - transition: ease-out 100ms; -} -.account > img:hover -{ - height: 60px; - width: 60px; -} -.logo -{ - display: flex; - align-items: center; - margin: 1rem 0 1rem 1rem; - cursor: pointer; -} -.logo > img -{ - height: fit-content; - width: 100px; - margin: 0 5px 0 0 ; + scroll-behavior: smooth; +} +body { + background-image: linear-gradient(315deg, #485461 0%, #28313b 80%); + background-size: cover; +} +header { + display: flex; + justify-content: space-between; + border-radius: 0 3px 3px 0; +} +button { + color: black; +} +.items-holder { + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; + height: fit-content; + flex-grow: 1; + gap: 5px; +} +.item-card-holder { + display: flex; + flex-wrap: wrap; +} +.item-card { + display: flex; + justify-content: flex-start; + flex-direction: column; + border-radius: 5px; + flex: 0; + margin: 0.5rem; + background-color: rgb(37, 37, 37); + width: 15rem; + height: 25rem; + color: white; + padding: 10px; +} +.item-card > img { + margin: 18px; + height: 190px; + width: 200px; + border-radius: 5px; + flex-shrink: 0; + flex-grow: 0; +} +.item-card > article { + margin: 1rem 1rem 0 0; +} +.item-card > article > h1 { + padding-top: 1rem; +} +.item-card > article > form > button { + border: none; + font-weight: 500; + border-radius: 5px; + background-image: linear-gradient( + to right, + #b993d6 0%, + #8ca6db 51%, + #b993d6 100% + ); + background-size: 200% auto; + padding: 10px; + margin: 1rem 0 0 0; + cursor: pointer; +} +.item-card > article > form > button:hover { + background-position: right center; +} +.item-card > article > p { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.item-card > article > h2 { + width: 15rem; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.btn { + border: none; + border-radius: 5px; + background-image: linear-gradient( + to right, + #b993d6 0%, + #8ca6db 51%, + #b993d6 100% + ); + background-size: 200% auto; + padding: 10px; + margin: 1rem 0 0 0; + cursor: pointer; +} +.fa-check-circle { + margin: 0 0rem 0rem 0.5rem; +} +.fa-shopping-bag { + margin: 0 0rem 0rem 0.5rem; +} +.itemcard-pop-holder { + display: flex; + justify-content: center; + align-items: center; +} +.itemcard-pop { + display: none; + flex-direction: column; + position: absolute; + background-color: rgb(34, 34, 34); + max-height: 50rem; + height: fit-content; + width: 25rem; + top: 20vh; + border-radius: 5px; + color: white; + padding: 20px; + border: #b993d6 3px solid; +} +.itemcard-pop > img { + margin-top: 10px; + margin-bottom: 10px; + height: 400px; + width: 400px; + border-radius: 5px; +} +#close-popup { + display: block; + height: 20px; + width: 20px; + margin-left: 95%; + border: none; + background-color: red; + border-radius: 3px; + cursor: pointer; } -.menus -{ - display: flex; - align-items: center; - justify-content: center; -} -.icon -{ - font-size: 1.5rem; - color: white; - cursor: pointer; - margin: 0 1rem 0 0rem; - transition: ease-out 100ms; -} -.icon:hover -{ - color:#B993D6; - font-size: 1.45rem; -} -#cart-card-holder -{ - display: flex; - justify-content: center; - align-content: center; - border-radius: 10px; -} -#cart-card -{ - display: none; - position: absolute; - flex-shrink: 1; - flex-direction: column; - background-color: rgb(37, 37, 37); - color: white; - max-height: 40rem; - max-width: 90vw; - box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); - z-index: 1; - border:#B993D6 3px solid; - border-radius: 5px; - overflow: hidden; - overflow-y: scroll; - color-scheme: dark; -} - -#cart-card > h2 -{ - font-size: 2rem; - margin:20px 0px 0px 20px; -} -#cart-total -{ - background-image:linear-gradient(315deg, #485461 0%, #28313b 80%); - padding:20px; - margin:20px; - border-radius: 10px; -} -.logo > h2 -{ - background-image: linear-gradient(to right, #B993D6 0%, #8CA6DB 51%, #B993D6 100%); - background-clip:unset; - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; -} -.account -{ - cursor: pointer; -} -.account-content { - display: none; - position: absolute; - background-color: rgb(34,34,34); - height: fit-content; - min-width: max-content; - padding: 20px; - top:4rem; - right: 5%; - box-shadow: 0px 8px 16px 0px rgba(44, 44, 44, 0.2); - z-index: 1; - border-radius: 100%; - - } - .account-card> img - { - height: 50px; - width: 50px; - border-radius: 100%; - } - .account-card - { - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - margin:1rem 0 0 0; - color: white; - } - .account-card > h2 - { - margin:1rem 0 0 0; - } - .account-card > h3 - { - margin: 1rem 0 0 0; - } - .items-holder - { - display: flex; - flex-wrap:wrap; - justify-content: center; - align-items: center; - height: fit-content; - flex-grow: 1; - gap:5px; - } - .item-card-holder - { - display: flex; - flex-wrap: wrap; - } - .item-card - { - display: flex; - justify-content:flex-start; - flex-direction: column; - border-radius: 5px; - flex: 0; - margin: 0.5rem; - background-color:rgb(37, 37, 37); - width: 15rem; - height: 25rem; - color:white; - padding: 10px; - } - .item-card > img - { - margin:18px; - height: 190px; - width: 200px; - border-radius: 5px; - flex-shrink: 0; - flex-grow: 0; - } - .item-card > article - { - margin:1rem 1rem 0 0; - } - .item-card > article > h1 - { - padding-top: 1rem; - } - .item-card > article > form > button - { - border:none; - font-weight: 500; - border-radius: 5px; - background-image:linear-gradient(to right, #B993D6 0%, #8CA6DB 51%, #B993D6 100%); - background-size: 200% auto; - padding: 10px; - margin:1rem 0 0 0; - cursor: pointer; - } - .item-card > article > form > button:hover - { - background-position: right center; - } - .item-card > article > p - { - text-overflow:ellipsis; - white-space: nowrap; - overflow: hidden; - } - .item-card > article > h2 - { - width: 15rem; - text-overflow:ellipsis; - white-space: nowrap; - overflow: hidden; - } - .btn - { - border:none; - border-radius: 5px; - background-image:linear-gradient(to right, #B993D6 0%, #8CA6DB 51%, #B993D6 100%); - background-size: 200% auto; - padding: 10px; - margin:1rem 0 0 0; - cursor: pointer; - } - .fa-check-circle - { - margin: 0 0rem 0rem 0.5rem; - } - .fa-shopping-bag - { - margin: 0 0rem 0rem 0.5rem; - } - #checkout-btn - { - position: sticky; - margin:10px; - } - #no-cart-items - { - padding: 30px; - } - .itemcard-pop-holder - { - display: flex; - justify-content: center; - align-items: center; - } -.itemcard-pop -{ - display: none; - flex-direction: column; - position: absolute; - background-color:rgb(34,34,34); - max-height: 50rem; - height: fit-content; - width: 25rem; - top:20vh; - border-radius: 5px; - color: white; - padding: 20px; - border:#B993D6 3px solid; -} -.itemcard-pop > img -{ - margin-top:10px; - margin-bottom:10px; - height: 400px; - width: 400px; - border-radius: 5px; -} -#close-popup -{ - display: block; - height: 20px; - width: 20px; - margin-left:95%; - border:none; - background-color: red; -} -a -{ - text-decoration: none; -} diff --git a/Css/signup.css b/Css/signup.css index 04eb5d2..a258ec6 100644 --- a/Css/signup.css +++ b/Css/signup.css @@ -16,7 +16,6 @@ body display: flex; justify-content: center; align-items: center; - height: 100vh; } .card { @@ -28,7 +27,7 @@ body box-shadow: 2rem white; position: relative; } -i +.card > i { position: relative; top: -15px; @@ -165,7 +164,7 @@ input[type="checkbox"] text-decoration: none; } -.btn +.btn-card { background-image: linear-gradient(to right, #B993D6 0%, #8CA6DB 51%, #B993D6 100%); display:inline-block; @@ -176,7 +175,7 @@ input[type="checkbox"] margin: 1rem 0 1rem; background-size: 200% auto; } -.btn:hover +.btn-card:hover { background-position: right center; /* change the direction of the change here */ color: #fff; diff --git a/Js/login.js b/Js/login.js deleted file mode 100644 index eabdc69..0000000 --- a/Js/login.js +++ /dev/null @@ -1,19 +0,0 @@ - -const togglepass = document.getElementById("togglePassword"); -const pass = document.getElementById("pass"); -const login = document.getElementById("login"); - - -//Toggle to show and hide password -togglepass.addEventListener("click",display) -function display() -{ - const type = pass.getAttribute("type")==="text" ? "password" : "text"; - pass.setAttribute("type",type); - togglepass.classList.toggle("fa-eye-slash") -} - - -//To check if username and password field is empty - - diff --git a/Js/products.js b/Js/products.js deleted file mode 100644 index b2bf0ea..0000000 --- a/Js/products.js +++ /dev/null @@ -1,42 +0,0 @@ -const cart = document.getElementById('cart-logo'); -const cart_card = document.getElementById('cart-card'); -const account = document.getElementById('account') -const account_card = document.getElementById('account-content'); -const home = document.getElementById('home'); - -const checkout = document.getElementById('checkout-btn'); - -var counter = 0; -var counter1 = 0; -cart.addEventListener('click',()=>{ - counter += 1; - if(counter==1) - { - cart_card.style = "display:flex"; - } - if(counter==2) - { - cart_card.style = "display:none;"; - counter = 0; - } -} -) -account.addEventListener('click',()=>{ - counter1 += 1; - if(counter1==1) - { - account_card.style = "display:block; border-radius:5px;" - } - if(counter1==2) - { - account_card.style = "display:none;" - counter1 = 0; - } -}) -home.addEventListener('click',()=>{ - location.href="home.php"; -}) -checkout.addEventListener('click',()=>{ - location.href="checkout.php"; - -}) \ No newline at end of file diff --git a/Login.php b/Login.php index 1269e45..31d4c02 100644 --- a/Login.php +++ b/Login.php @@ -1,69 +1,74 @@ - + + + + + + Login + + + + + + + - include_once("./includes/config.php"); - if(isset($_POST['login'])) - { - $uname = $_POST['username']; - $pass = $_POST['password']; + + + username or password incorrect

"; + } + } + ?> +
+
+ +

LOGIN

+
+ +
+ +
+ +
+
+
+
+
+ +togglepass.click(function() { + const type = pass.attr("type"); + pass.attr("type", type === "text" ? "password" : "text"); + togglepass.toggleClass("fa-eye-slash"); +}); + + \ No newline at end of file diff --git a/about.php b/about.php index a6f6246..664312a 100644 --- a/about.php +++ b/about.php @@ -6,11 +6,16 @@ About + + -

About us

-

A computer hardware store project consisting an efficient hardware
+ +

+ +
+

About us

A computer hardware store project consisting an efficient hardware
inventory management system. This system is a web project used to
manage a stock of various hardware projects in the backend and users
may buy it online. The store consists of various computer hardware
@@ -20,14 +25,15 @@ products to their shopping cart. The shopping cart is updated
accordingly. Users can bulk order computer parts in the website. After
that users may pay through online payments as demo verification and
- then a confirmation mail is sent to the user and transaction is recorded

- + then a confirmation mail is sent to the user and transaction is recorded

+
+
+ + \ No newline at end of file diff --git a/database/database.php b/database/database.php index 3ad4a4c..d169207 100644 --- a/database/database.php +++ b/database/database.php @@ -46,11 +46,11 @@ $content_details = "INSERT INTO details (id,first_name,last_name,ph_num,pass,email,address) values (1, 'temp', '1', '9373183839', '1234', 'temp1@gmail.com', 'Of course its temporary :D\r\n')"; -$content_product_details = "INSERT INTO product_details VALUES(1, 'Mouse', 'Just a mouse', 80, 'Assets\\db_images\\g203-hero.jfif'); -INSERT INTO product_details VALUES(2, 'Keyboard', 'Just a keyboard', 70, 'Assets\\db_images\\keyboard.jpg'); -INSERT INTO product_details VALUES(3, 'Motherboard', 'Its just a motherboard', 20, 'Assets\\db_images\\asus-rog-strix-x570-e-gaming-wifi-ii-cropped.jpg'); -INSERT INTO product_details VALUES(4, 'RTX 3060ti', 'GIGABYTE Nvidia GeForce RTX™ 3060 Gaming OC 12GB GDDR6 Graphics Card', 700, 'Assets\\db_images\\3060ti.jpg'); -INSERT INTO product_details VALUES(5, 'RX 6700 XT', '192-bit 12GB GDDR6 DP/HDMI Dual Torx 4.0 Fans FreeSync DirectX 12 VR Ready RGB Graphics Card', 600, 'Assets\\db_images\\rx6700.jpg'); +$content_product_details = "INSERT INTO product_details VALUES(1, 'Mouse', 'Just a mouse', 80, 'Assets/db_images/g203-hero.jfif'); +INSERT INTO product_details VALUES(2, 'Keyboard', 'Just a keyboard', 70, 'Assets/db_images/keyboard.jpg'); +INSERT INTO product_details VALUES(3, 'Motherboard', 'Its just a motherboard', 20, 'Assets/db_images/asus-rog-strix-x570-e-gaming-wifi-ii-cropped.jpg'); +INSERT INTO product_details VALUES(4, 'RTX 3060ti', 'GIGABYTE Nvidia GeForce RTX™ 3060 Gaming OC 12GB GDDR6 Graphics Card', 700, 'Assets/db_images/3060ti.jpg'); +INSERT INTO product_details VALUES(5, 'RX 6700 XT', '192-bit 12GB GDDR6 DP/HDMI Dual Torx 4.0 Fans FreeSync DirectX 12 VR Ready RGB Graphics Card', 600, 'Assets/db_images/rx6700.jpg'); INSERT INTO product_details VALUES(6, 'Ryzen 5 3600 ', 'Desktop Processor 6 Cores up to 4.2 GHz 35MB Cache AM4 Socket (100-000000031)', 200, 'Assets/db_images/Ryzen53600.jpg\r\n'); INSERT INTO product_details VALUES(7, 'Ryzen 9 3900XT', 'Desktop Processor 12 cores 24 Threads 70MB Cache 3.8GHz Upto 4.7GHz AM4 Socket 400 & 500 Series Chipset (100-100000277WOF)', 850, 'Assets/db_images/Ryzen93900.jpg'); INSERT INTO product_details VALUES(8, ' Corsair CV550', ' CV Series, 80 Plus Bronze Certified, 550 Watt Non-Modular Power Supply - Black', 100, 'Assets/db_images/cv550_.jpg'); diff --git a/home.php b/home.php index 26af4a9..0cd7970 100644 --- a/home.php +++ b/home.php @@ -1,7 +1,3 @@ - - @@ -9,29 +5,16 @@ Home page +
-
- - - -
+

Hardware
at your every need!

@@ -47,12 +30,4 @@
- \ No newline at end of file diff --git a/includes/navbar.php b/includes/navbar.php new file mode 100644 index 0000000..cb7c486 --- /dev/null +++ b/includes/navbar.php @@ -0,0 +1,151 @@ + + +
+ + + +
+ +
+
+

Cart

+ +
+
+
+

+ + +
+
+
+
+
+
+
+ \ No newline at end of file diff --git a/includes/session.php b/includes/session.php new file mode 100644 index 0000000..7858227 --- /dev/null +++ b/includes/session.php @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/prd_items.php b/prd_items.php index e83a011..8db21d9 100644 --- a/prd_items.php +++ b/prd_items.php @@ -7,7 +7,7 @@ while ($temp = mysqli_fetch_assoc($result)) { echo " - +

{$temp["prd_name"]}

{$temp["prd_desc"]}

diff --git a/products.php b/products.php index 1ce1019..ef13a77 100644 --- a/products.php +++ b/products.php @@ -1,6 +1,5 @@ - - Products @@ -39,106 +36,16 @@ + - - -
- -
-
-
-
-

-
- -
-
+ -
-
-

Cart

- -
-
-
-

- - -
-
-
-
-
-
-
-
- -
+
+
@@ -69,10 +73,9 @@ Agree to terms and conditions* Sign in - +
- \ No newline at end of file