-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprod9.html
142 lines (139 loc) · 6.82 KB
/
prod9.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TechFlow</title>
<link rel="stylesheet" href="css/style.css">
<link rel="icon" type="image/x-icon" href="resources/logo.ico">
<script src="https://kit.fontawesome.com/d47567f1a7.js"
crossorigin="anonymous"></script>
</head>
<body>
<!--Navbar-->
<nav class="navbar">
<div class="navbar_container">
<a href="index.html" id="navbar_logo">
<img src=resources/logo_techflow.png id="image_logo">
</a>
<div class="navbar_toggle" id="mobile-menu">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
<ul class="navbar_menu">
<li class="navbar_item">
<a href="index.html" class="navbar_links"
id="home-page">Home</a>
</li>
<li class="navbar_item">
<a href="about.html" class="navbar_links"
id="about-page">About</a>
</li>
<li class="navbar_item">
<a href="shop.html" class="navbar_links" id="shop-page">Shop</a>
</li>
<li class="navbar_item cart_inc">
<a href="cart.html" class="navbar_links" id="cart"><i class="fa-solid fa-cart-shopping"></i>Cart<span>0</span></a>
</li>
</ul>
</div>
</nav>
<!--Product 1-->
<div class="product">
<div class="product_container">
<div class="product_img">
<img src="resources/card9.png">
</div>
<div class="product_description">
<h1>MSI MPG B550</h1>
<p> The MSI MPG B550 is a high-performance motherboard
designed for use with AMD Ryzen processors. It features
PCIe 4.0 support, advanced cooling solutions, and
customizable RGB lighting, making it an ideal choice for
gamers and enthusiasts.</p>
<p class="product_price"><strong>Price:</strong> $139.99</p>
<button class="main_btn cart9 add_cart"><a href="#">Add to Cart</a></button>
</div>
</div>
<div class="product_description_full">
<h2>Description</h2>
<p> The MSI MPG B550 is a feature-packed motherboard designed to
deliver high-performance computing for demanding
applications, such as gaming and content creation. The
motherboard is compatible with AMD Ryzen processors and
supports PCIe 4.0, providing faster data transfer rates
between the processor and other components.
The MPG B550 features advanced cooling solutions, including
an extended heatsink design and a Frozr M.2 Shield, which
helps to dissipate heat from the CPU and other components,
improving performance and longevity. The motherboard also
features a built-in RGB lighting system that can be
customized using MSI's Mystic Light software, allowing users
to personalize their system's aesthetics to match their
preferences.</p>
<p>The motherboard features a wide range of connectivity
options, including two PCIe 4.0 M.2 slots, six SATA 6Gb/s
ports, and USB 3.2 Gen 2 Type-A and Type-C ports, providing
users with fast and versatile data transfer options.
The MPG B550 also features MSI's Core Boost technology,
which provides optimized power delivery to the CPU and other
components, ensuring stable and reliable performance under
heavy workloads. The motherboard also features advanced BIOS
options, including support for overclocking and custom fan
profiles, allowing users to fine-tune their system for
optimal performance and noise levels.</p>
</div>
</div>
<!--Footer-->
<div class="footer_container">
<div class="footer_links">
<div class="footer_link_wrapper">
<div class="footer_link_items">
<h2>About us</h2>
<a href="">Who We Are</a>
<a href="">Our Products</a>
<a href="">Our Services</a>
<a href="">Terms of Service</a>
</div>
<div class="footer_link_items">
<h2>Contact us</h2>
<a href="">Contact</a>
<a href="">Support</a>
</div>
</div>
<div class="footer_link_wrapper">
<div class="footer_link_items">
<h2>Social Media</h2>
<a href="">Instagram</a>
<a href="">Facebook</a>
<a href="">Youtube</a>
<a href="">Twitter</a>
</div>
</div>
</div>
<section class="social_media">
<div class="social_media_wrap">
<div class="footer_logo">
<p id="footer_logo">TechFlow</p>
</div>
<p class="website_rights">© TechFlow 2023. All rights
reserved</p>
<div class="social_icons">
<a href="" class="social_icon_link" target="_blank"><i
class="fab fa-facebook"></i></a>
<a href="" class="social_icon_link" target="_blank"><i
class="fab fa-instagram"></i></a>
<a href="" class="social_icon_link" target="_blank"><i
class="fab fa-youtube"></i></a>
<a href="" class="social_icon_link" target="_blank"><i
class="fab fa-twitter"></i></a>
</div>
</div>
</section>
</div>
<script src="js/dropdown.js"></script>
<script src="js/addcart.js"></script>
</body>
</html>