-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathprod3.html
More file actions
140 lines (138 loc) · 6.73 KB
/
prod3.html
File metadata and controls
140 lines (138 loc) · 6.73 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
138
139
140
<!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/fp_card3.png">
</div>
<div class="product_description">
<h1>Corsair iCUE H150i ELITE CAPELLIX</h1>
<p>The Corsair iCUE H150i is a high-performance liquid CPU
cooler designed for gaming and enthusiast systems. With
a 360mm radiator and three 120mm ML Series magnetic
levitation PWM fans, it provides efficient cooling for
high-performance CPUs. The cooler also features
customizable RGB lighting and easy-to-use software for
precise control.</p>
<p class="product_price"><strong>Price:</strong> $166.99</p>
<button class="main_btn cart3 add_cart"><a href="#">Add to Cart</a></button>
</div>
</div>
<div class="product_description_full">
<h2>Description</h2>
<p> The Corsair iCUE H150i is a premium liquid CPU cooler
designed for high-performance gaming and enthusiast systems.
Featuring a 360mm radiator and three 120mm ML Series
magnetic levitation PWM fans, the cooler delivers efficient
and effective cooling performance for demanding CPUs.
The iCUE H150i also features customizable RGB lighting,
allowing users to personalize the cooler's look and
integrate it into their existing RGB lighting system. The
cooler's lighting can be easily customized and synchronized
with other Corsair RGB products using the company's iCUE
software.</p>
<p>The iCUE H150i's software also offers precise control over
the cooler's performance and noise levels. Users can adjust
fan speeds, monitor temperatures, and customize fan curves
to optimize the cooler's performance for their specific
system and usage scenario.
Additionally, the iCUE H150i's pump and cold plate are
designed for maximum cooling efficiency, featuring a
low-profile design for better compatibility with a wide
range of systems. The cooler also comes equipped with a
high-performance thermal compound, ensuring optimal heat
transfer from the CPU to the cooler.</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>