-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathprod5.html
More file actions
137 lines (135 loc) · 6.54 KB
/
prod5.html
File metadata and controls
137 lines (135 loc) · 6.54 KB
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
<!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/card5.png">
</div>
<div class="product_description">
<h1>MSI MAG VAMPIRIC 100R</h1>
<p>The MSI MAG VAMPIRIC 100R is a mid-tower gaming PC case
that features a sleek, modern design with tempered glass
side panel and RGB lighting. The case provides ample
space for high-end gaming components, including large
graphics cards and multiple storage drives. It also
includes multiple cooling options and dust filters for
improved airflow and easy maintenance.</p>
<p class="product_price"><strong>Price:</strong> $62.99</p>
<button class="main_btn cart5 add_cart"><a href="#">Add to Cart</a></button>
</div>
</div>
<div class="product_description_full">
<h2>Description</h2>
<p> The MSI MAG VAMPIRIC 100R is a mid-tower gaming PC case that
offers a perfect balance of style and performance. The case
features a sleek, modern design with a tempered glass side
panel that allows users to showcase their system's
components and RGB lighting.
The case provides ample space for high-end gaming
components, including large graphics cards up to 350mm in
length and multiple storage drives, with support for up to
2x 3.5" HDDs and 4x 2.5" SSDs. It also features a tool-free
design, making installation and maintenance a breeze.</p>
<p>The VAMPIRIC 100R also includes multiple cooling options,
with support for up to six fans and a 240mm radiator in the
front panel. The case also includes dust filters on the top,
front, and bottom panels for improved airflow and easy
maintenance.
The case's RGB lighting is fully customizable, with support
for MSI's Mystic Light software, which allows users to
control the lighting effects and synchronize them with other
Mystic Light-compatible components.</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>