diff --git a/css/style.css b/css/style.css index e4aadf7..dd92019 100644 --- a/css/style.css +++ b/css/style.css @@ -357,6 +357,12 @@ html::-webkit-scrollbar-track { flex-wrap: nowrap; justify-content: space-between; } +} +@media (max-width: 1400px) { + .navbar-brand img { + width: 360px; +} + } @media (max-width: 1200px) { .navbar-brand img { @@ -2724,6 +2730,140 @@ footer .copy p a { border-color: transparent; text-decoration: underline; } + +.productScreen{ + +} +.productScreen .bP{ + padding: 30px 20px; + border: 1px solid #E6E6E6; +border-radius: 10px; +} +.productScreen .info{ + display: flex; + gap: 28px; +} +.productScreen .info .parts{ +flex: 1; +} +.productScreen .info .parts .samePart{ + + } + .productScreen .info .parts .samePart h3{ + margin-bottom: 10px; + font-family: "DK Cool"; + } + .productScreen .info .parts .samePart .sameFont{ + font-size: 16px; + line-height: 25px; + font-family: "DM Sans3"; + } + .productScreen .info .parts{ + + } + .productScreen .info .parts .part2{ + + } + .productScreen .info .parts .part2 ul{ + padding: 0; + list-style: inside; + } + .productScreen .info .parts .part2 ul li{ + + } + .productScreen .info .parts .part3 { + + } + .productScreen .info .parts .part3 p { + + } +.productScreen .info .part{ +flex: 1; +height: fit-content; +} +.productScreen .info .part h2{ + font-size: 24px; + line-height: 31px; + margin-bottom: 20px; +} +.productScreen .info .part .yearPart{ +display: flex; +gap: 22px; +margin-bottom: 24px; + +} +.productScreen .info .part .yearPart p{ + font-size: 16px; + line-height: 21px; + color: #706C6C; +} +.productScreen .info .part .yearPart span{ + width: 1px; + height: 20px; + background-color: #CDCDCD; +} +.productScreen .info .part .infoPart{ +display: flex; +flex-direction: column; +justify-content: flex-start; +gap: 14px; +margin-bottom: 34px; +} +.productScreen .info .part .infoPart h3{ + font-size: 16px; + line-height: 21px; + font-family: "DM Sans3"; + margin: 0; +} +.productScreen .info .part .infoPart h3 span{ + font-size: 16px; + line-height: 21px; + font-family: "DM Sans3"; + +} +.productScreen .info .part .infoPart h4{ + font-size: 16px; + line-height: 21px; + font-family: "DM Sans3"; + margin: 0; +} +.productScreen .info .part .infoPart h4 span{ +color: #18930D; +font-family: "DM Sans"; +} +.productScreen .counter { + + justify-content: flex-start; +} +.productScreen .info .part .add_to { + width: 90%; + margin: auto; + max-width: 330px; + font-size: 14px; + height: 34px; +} + + +@media(max-width:550px){ + .productScreen .info .part h2 { + font-size: 18px; + + margin-bottom: 12px; +} +.productScreen .info .part .yearPart { + + gap: 16px; + margin-bottom: 14px; +} +.productScreen .info .part .yearPart p { + font-size: 14px; + +} +.productScreen .bP { + padding: 20px 12px; + +} +} /*==================================end store==============================*/ .hide { display: none; @@ -2765,6 +2905,11 @@ footer .copy p a { } .items { } +.store .items .item { + border: 1px solid #BCBCBC; + border-radius: 10px; + padding-bottom: 20px; +} .items .item { margin: auto; } @@ -2778,7 +2923,8 @@ html[dir="rtl"] .items .item { max-width: 100%; margin: auto; height: 100%; - min-height: 100px; + min-height: 153px; + filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.12)); } .items .item .name { display: flex; @@ -2823,6 +2969,7 @@ html[dir="rtl"] .items .item { font-family: "DM Sans"; font-size: 16px; max-width: 100%; + margin: auto; } @media (max-width: 768px) { .store .items .item { diff --git a/productScreen.html b/productScreen.html new file mode 100644 index 0000000..44283f9 --- /dev/null +++ b/productScreen.html @@ -0,0 +1,387 @@ + + + + + + + Megaminds Academy + + + + + + + + + + + + + + + + + +
+
+
+
+
+

Description

+
    +
  • + Powered by Raspberry Pi 4B (not included in this kit) and open + source +
    • +
  • Support Python programming
    • +
  • + 360 degree omnidirectional movement and filed of view +
    • +
  • + Loaded with glowy ultrasonic sensor for obstacle avoidance +
    • +
  • + Combine camera and OpenCV to recognize and track items +
    • +
+
+
+

Dimensions

+

187 * 162 * 139mm

+
+
+

Specifications

+
    +
  • + Weight: 0.8kg +
    • +
  • Material: Metal bracket
    • +
  • + Camera resolution: 480P +
    • +
  • + DOF of camera pan tilt: 2DOF. Horizontal/ vertical rotation angle: 180° +
    • +
  • + Power supply: 2* 18650 Lipo batteries +
    • +
  • + Working life: About 60min +
    • +
  • + Hardware: Raspberry Pi 4B(4GB) board and Raspberry Pi expansion board +
    • +
  • + Software: VNC software(PC) + WonderPi APP (iOS/ Android) +
    • +
  • + Communication method: Wi-Fi, Ethernet +
    • +
  • + Servo: LFD-01 anti-blocking servo +
    • +
+
+
+
+

+ Hiwonder TurboPi Raspberry Pi Omnidirectional Mecanum Wheels Robot + Car Kit with Camera, Open Source, Python for Beginners (No Raspberry + Pi included) +

+
+

9-12 years

+ +

Introduction to robotics Course

+
+
+

+ Price : 124.99 EGP +

+

Stock : In stock , ready to shipping

+
+ +

1

+ +
+
+ +
+
+
+ +
+
+ [ +

You also may like

+ ] +
+
+
+ meal +
+
+

Mecabot X - Xavier NX

+
+

9-12 years

+
+ 679.99 EGP + 679.99 EGP +
+ +
+ +

1

+ +
+
+
+
+ meal +
+

Kit with Camera

+
+

9-12 years

+
+ 679.99 EGP +
+ +
+ +

1

+ +
+
+
+ meal +
+

XGO Mini Quadruped Robot Dog

+
+

9-12 years

+
+ 679.99 EGP + 679.99 EGP +
+ +
+ +

1

+ +
+
+
+ meal +
+

Mecabot X - Xavier NX

+
+

9-12 years

+
+ 679.99 EGP + 679.99 EGP +
+ +
+ +

1

+ +
+
+
+
+ + + + + + + + + diff --git a/store.html b/store.html index 7f5234d..f72bfac 100644 --- a/store.html +++ b/store.html @@ -140,6 +140,7 @@

Robotics Store

meal +

Mecabot X - Xavier NX

@@ -155,6 +156,7 @@

9-12 years

+
meal