testwebsite/start.html at main · t-erminux/testwebsite · 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
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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link href="https://cdn.metroui.org.ua/v4/css/metro-all.min.css?ver=@@b-version" rel="stylesheet">
    <link href="start.css" rel="stylesheet">

    <title>Revived Store</title>

</head>

<style>
    .navbar {
        display: flex;
        align-items: center;
        background-color: #009B00;
        text-decoration: none;
        /* Windows 8.1 Metro Green */
    }

    .starttitle {

        margin-left: 75px;

    }


    .previewbar {
    /* Add your CSS properties here */
    /* For example: */
    background-color: #007A00;
    color: white;
    text-align: center;

}


    .navbar a {
        color: #f2f2f2;
        text-align: center;
        padding: 14px 20px;
        text-decoration: none;
    }

    .navbar img {
        height: 49px;
        /* Adjust the height of the logo as needed */
        width: auto;
        /* Adjust the width if necessary */
        margin-right: 10px;
        /* Adjust the margin as needed */
    }

    .navbar a:hover {
        background-color: #007A00;
        color: white;
        text-decoration: none;
        /* Slightly darker shade for hover effect */
    }


</style>

<body class="bg-white fg-black h-vh-100 m4-cloak">

    <div class="previewbar">
        <p1>This is a preview release of Revived 7.</p1>
    </div>

    <div class="navbar">
        <img src="logo.svg" alt="Logo">
        <a href="start.html">Store (Preview)</a>
        <a href="games.html">Games</a>
        <a href="apps.html">Apps</a>
        <a href="utility.html">Utility</a>
    </div>


    <div class="container-fluid start-screen h-100">
        <h1 class="starttitle">Internet Browsers</h1>
        <div class="tiles-area clear">
            <div class="tiles-grid tiles-group size-2 fg-white">

                <a href="https://github.com/olton/Metro-UI-CSS" data-role="tile" class="bg-red fg-white">
                    <span class="mif-opera icon"></span>
                    <span class="branding-bar">Opera</span>
                </a>

                <a href="https://github.com/olton/Metro-UI-CSS" data-role="tile" class="bg-orange fg-white">
                    <span class="mif-firefox icon"></span>
                    <span class="branding-bar">Firefox</span>
                </a>

                <div data-role="tile" class="bg-green fg-white" data-size="wide">
                    <span class="mif-chrome icon"></span>
                    <span class="branding-bar">Chrome</span>
                </div>
                <a href="https://github.com/olton/Metro-UI-CSS" data-role="tile" class="bg-darkblue fg-white" data-size="wide">
                    <img src="https://cdn.freebiesupply.com/logos/large/2x/microsoft-edge-logo-black-and-white.png" class="icon">
                    <span class="branding-bar">Microsoft Edge</span>
                </a>
            </div>


            <div class="tiles-grid tiles-group size-1 fg-white">
                <a href="https://github.com/olton/Metro-UI-CSS" data-role="tile" class="bg-orange fg-white">
                    <img src="brave.png" class="icon">
                    <span class="branding-bar">Brave</span>
                </a>
                <div data-role="tile" class="bg-blue">
                    <img src="chromium.png" class="icon">
                    <span class="branding-bar">Chromium</span>
                </div>
            </div>
            </div>
        </div>
    </div>


    <script src="https://cdn.metroui.org.ua/v4/js/metro.min.js"></script>
    <script src="start.js"></script>

</body>

</html>