Welcome to our online store, your goal for high-quality webcams! Whether you wish a webcam for work, spilling, or remaining associated with adored ones, we have a run of top-tier items to meet your needs. Let’s jump into our included webcams and see what makes each of them an incredible choice.
1) Logitech C270
Cost:
1500
Description:
The Logitech C270 may be a solid and reasonable webcam, culminating for casual video calls and online gatherings. It offers clear and fresh video quality, guaranteeing you see your best on each call.
2. FINGERS 720
Cost:3500
Description:
For those who require a step up in quality, the FINGERS 720 gives the high-definition video that’s perfect for both proficient and individual utilization. Its smooth plan and predominant execution make it a standout choice.
3. Logitech C925e
Cost:5500
Portrayal:
The Logitech C925e is outlined for commerce experts who require uncommon video quality. It highlights progressed autofocus and high-definition video, making it idealize for webinars, online preparations, and vital gatherings.
4. Lenovo 300
Cost:7500
Depiction:
To the best of our extent is the Lenovo 300, advertising unparalleled video clarity and sound quality. This webcam is perfect for high-stakes introductions, live gushing, and any situation where you would like to form a solid impression.
Html Structure :
Here, given the basic example of HTML usage, you can modify it as per your need.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Web Cam Selling Website</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="nav container">
<a href="" class="logo">Web Cam</a>
<i class="bx bx-shopping-bag" id="cart-icon"></i>
<div class="cart">
</div>
</div>
</header>
<section class="shop container">
<h2 class="selection-title">Shop Products</h2>
<div class="shop-content">
<div class="product-box">
<img class="product-img" src="1.jpg" alt="6">
<h2 class="product-title">Logitech C270</h2>
<span class="price">1500</span>
<i class="bx bx-shopping-bag add-cart"></i>
</div>
<div class="product-box">
<img class="product-img" src="2.jpg" alt="6">
<h2 class="product-title">FINGERS 720</h2>
<span class="price">3500</span>
<i class="bx bx-shopping-bag add-cart"></i>
</div>
<div class="product-box">
<img class="product-img" src="3.jpg" alt="6">
<h2 class="product-title">Logitech C925e</h2>
<span class="price">5500</span>
<i class="bx bx-shopping-bag add-cart"></i>
</div>
<div class="product-box">
<img class="product-img" src="4.jpg" alt="6">
<h2 class="product-title">Lenovo 300</h2>
<span class="price">7500</span>
<i class="bx bx-shopping-bag add-cart"></i>
</div>
</div>
</section>
</body>
</html>
CSS Structure :
Here, given the basic example of CSS usage, you can modify it as per your need.
*{
font-family: Verdana, Geneva, Tahoma, sans-serif;
margin: 0;
padding: 0;
scroll-padding-top: 2rem;
scroll-behavior: smooth;
box-sizing: border-box;
list-style: none;
text-decoration: none;
}
:root{
--main-color: #fd4646;
--text-color: #0c0505;
--bg-color: #ab9f9f;
}
img{
width: 100%;
}
body{
color: var(--text-color);
}
.container{
max-width: 1068px;
margin: auto;
width: 100%;
}
section{
padding: 4rem 0 3rem;
}
header{
position: fixed;
top: 0;
left: 0;
width: 100%;
background: var(--bg-color);
box-shadow: 0 1px 4px hsla(126, 62%, 41%, 0.1);
}
.nav {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 0;
}
.logo{
font-size: 1.5rem;
color: var(--text-color);
font-weight: 400;
}
#cart-icon{
font-size: 1.8rem;
cursor: pointer;
}
.selection-title{
font-size: 1.5rem;
font-weight: 600;
text-align: center;
}
.shop{
margin-top: 2rem;
}
.shop-content{
display: grid;
grid-template-columns: repeat(auto-fit,minmax(200px , auto));
gap: 1.5rem;
}
.product-box{
position: relative;
}
.product-box:hover {
padding: 10px;
border: 1px solid var(--text-color);
transition: 0.4s;
}
.product-img{
width: 100%;
height: auto;
margin-bottom: 0.5rem;
}
.product-title{
font-size: 1.1rem;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0.5rem;
}
.price{
font-weight: 500;
}
.add-cart{
position: absolute;
bottom: 0;
right: 0;
background: var(--text-color)
color(var --bg-color);
padding: 10px;
cursor: pointer;
}
.add-cart:hover{
background: hsl(249,32%,17%);
}
Why Select Our Webcams?
Tall Quality:
We offer as it were the finest webcams from trusted brands like Logitech and Lenovo, guaranteeing you get the most excellent execution and toughness.
Reasonableness:
Our webcams are estimated competitively, giving you great value for your cash without compromising on quality.
Flexibility:
Whether you would like a webcam for proficient utilization, casual video calls, or live gushing, we have alternatives that cater to all needs.
Easy Shopping Involvement
Our site is planned to form your shopping encounter as consistent as conceivable. Here’s what you’ll anticipate:
User-Friendly Route:
Effectively browse through our items with clear pictures and nitty gritty portrayals.
Secure Checkout:
Shop with certainty knowing that your installment data is ensured.
Quick Shipping:
Get your unused webcam conveyed to your doorstep rapidly and productively.
Conclusion
Update your video communication with one of our high-quality webcams nowadays. Whether you’re trying to find something straightforward and reasonable or a top-of-the-line demonstrate, our online store has the idealize webcam for you. Shop presently and encounter the distinction in video quality!