iwpproject/Community.html at master · UNIFORMatom/iwpproject · 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
60
61
62
63
64
65
66
67
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>COMMUNITY page</title>
    <link href="https://fonts.googleapis.com/css2?family=Staatliches&display=swap" rel="stylesheet">
    <link href="style/Cummunitystyle.css" rel="stylesheet" type="text/css">
</head>
<body>
    <div id="header">
        <img src="img/asus-republic-of-gamers-logo-8B94B18AD7-seeklogo.com.png" alt="rog logo" id="logo">
        <img src="img/ROG_LOGO_GLOBAL-whit.png" alt="title" id="title">
        <div id="nav">
            <a href="index.html" class="square_btn">HOME</a>
            <a href="https://rog.asus.com/laptops-group/" class="square_btn">PRODUCTS</a>
            <a href="support.html" class="square_btn">SUPPORT</a>
            <a href="login.html" class="square_btn"><img id="login-img" src="img/icons8_account_2.ico"></a>
        </div>
    </div>
    <div id="articles">
        <h1 style="color: red;">COMMUNITY NEWS</h1>
        <table>
            <tr>
                <td class="img-with-text">
                    <img src="img/1597224309412.webp" id="art-img">
                    <a href="https://rog.asus.com/articles/news/talking-product-photography-and-pc-modding-with-ben-quintanilla-aka-modsbybenq/">
                        Taking Product photography<br> and PC modDing with MODSBYBENQ
                    </a>
                </td>
                <td  class="img-with-text">
                    <img src="img/1596096405512.webp" id="art-img">
                    <a href="https://rog.asus.com/articles/news/taking-a-creative-vision-from-the-page-to-the-concert-stage-with-art-director-jesse-lee-stout/">
                        TAKING A CREATIVE VISION FROM THE PAGE TO THE<br>CONCERT STAGE WITH ART DIRECTOR JESSE LEE STOUT
                    </a>
                </td>
                <td class="img-with-text">
                    <img src="img/fall.webp" id="art-img">
                    <a href="https://rog.asus.com/articles/gaming/fall_guys_puts_a_sweet_new_spin_on_the_battle_royale/">
                        FALL GUYS PUTS A SWEET NEW SPIN ON THE BATTLE ROYALE
                    </a>
                </td>
            </tr>
            <tr>
                <td class="img-with-text">
                    <img src="img/ring.webp" id="art-img">
                    <a href="https://rog.asus.com/articles/news/jumping-into-the-ring-with-competitive-beatboxing-champion-zhang-ze/">
                        JUMPING INTO THE RING WITH COMPETITIVE BEATBOXING CHAMPION ZHANG ZE
                    </a>
                </td>
                <td class="img-with-text">
                    <img src="img/144.webp" id="art-img">
                    <a href="https://rog.asus.com/articles/gaming-monitors/rog-swift-pg43uq-hands-on/">
                        HANDS-ON: THE ROG SWIFT PG43UQ PUTS 4K, HDR, AND 144HZ GAMING ON THE BIG SCREEN
                    </a>
                </td>
                <td class="img-with-text">
                    <img src="img/bed.webp" id="art-img">
                    <a href="https://rog.asus.com/articles/gaming/whats-rog-playing-this-month-july-2020/">
                        WHAT'S ROG PLAYING THIS MONTH?
                    </a>
                </td>
            </tr>
        </table>
    </div>
</body>
</html>