-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprod1.html
135 lines (133 loc) · 6.46 KB
/
prod1.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
<!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_card1.png">
</div>
<div class="product_description">
<h1>Red Devil AMD Radeon™ RX 7900 XT</h1>
<p>The Red Devil conquers by relentlessly pushing its power
to the limit. Built on AMD's latest RDNA™ 3
architecture, PowerColor Red Devil RX 7900 XT is armed
with a silent but efficient cooling solution to deliver
uncompromising performance and gaming experience. The
Red Devil of this generation is designed based on the
concept of Devil's Eye, its most frightening weapon that
absorbs all lights in the underworld. The Red Devil
came, the Red Devil saw, the Red Devil conquered.</p>
<p class="product_price"><strong>Price:</strong> $969.99</p>
<button class="main_btn cart1 add_cart"><a href="#">Add to Cart</a></button>
</div>
</div>
<div class="product_description_full">
<h2>Description</h2>
<p>PowerColor Red Devil RX 7900 XT embraces an upgraded triple
ringed-fan cooling solution (100 x 100 x 100mm), a set of 8
x 6φ heatpipes running through the heatsink, and a sleek
copper plate directly touching the GPU while covering VRAM
to rapidly transfer the heat; it also utilizes high quality
PCB that comes with the 11+3+1+2+1 phase VRM design, and
DrMOS with IMON real-time digital monitoring built in, all
together to guarantee the optimum cooling efficiency and
stability when pushing to the limits. Red Devil is designed
to seize every victory in the game.</p>
<p>Utilizing temperature detection from a smart chip, fans will
start running when the GPU reaches 60℃ and shut down below
50℃. Efficient cooling, fan-noise reduction, and extended
product lifetime are all benefits of a more accurate
temperature monitoring.</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>