vey.github.io/Product1.html at main · Samsonvey/vey.github.io · GitHub

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
<!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">
    <script src="https://kit.fontawesome.com/3b49034a96.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/general.css">
    <link rel="stylesheet" href="./css/Product.css">
    <link rel="stylesheet" href="./css/shop.css">

    <title>Product</title>
</head>
<body>
    <nav>
        <input type="checkbox" id="check">
        <label for="check" class="checkbtn">
            <i class="fas fa-bars"></i>
        </label>

        <label class="logo">GameX</label>
        <ul>
            <li><a href="./index.html">Home</a></li>
            <li><a href="./shop.html">Shop</a></li>
            <li><a href="./about.html">About</a></li>
            <li><h1><i class=" fa fa-shopping-cart"></i></h1></li>

        </ul>
    </nav>
    <div class="centered">
    <div class="row-wrap">
        <div class="row">
            <div class="left">
                <div class="card">
                    <div class="image"><img src="../img/Prime.png" alt=""></div>
                    <div class="prod-name">
                        <h2>Prime vandal</h2>
                        <h3>$ 2.00</h1>
                    </div>
                    <div class="buybtn">
                        <a href="#">Buy</a>
                    </div>
                </div>
            </div>
            <div class="right">
            <div class="content">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
                aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit</p>
            </div>
            </div>
        </div>
        </div>
    </div>


</body>
</html>