coolare-hemsida/index.html at main · Revvilon/coolare-hemsida · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <script src="https://kit.fontawesome.com/994c0103ec.js" crossorigin="anonymous"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <link rel="stylesheet" href="/index.css">
    <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>Document</title>
</head>
<body>
    <div class="image-cont">
        <img src="https://i.imgur.com/iCehxaL.png" alt="preview">
    </div>
    <div class="blur"></div>
    <div class="blur"></div>
    <header>
        <a href="#home">home</a>
        <a href="#themes">themes</a>
        <a href="#socials">socials</a>
    </header>
    <main id="home">
        <section class="first">
            <div class="cont">
                <a href="#home" class="current">
                    <div></div>
                </a>
                <a href="#themes" >
                    <div></div>
                </a>
                <a href="#socials" >
                    <div></div>
                </a>
            </div>
        </section>
        <section class="second">
            <h1>xevalia#8080</h1>
            <section>
                <h2>Looking for a discord theme?</h2>
                <p>My themes are well optimized to work well on any
                    system. They have variables for the user to change
                    various features. All my themes are free to use and
                     require you to just download.</p>
            </section>
            <div>
                <a href="#themes">Explore <i class="fas fa-chevron-down"></i></a>
            </div>
        </section>
    </main>
    <div class="second-cont" id="themes">
        <div class="contain">
            <div class="container">
                <div class="header">
                    <i class="far fa-circle"></i>
                </div>
                <h3>Round</h3>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Debitis veniam dolores eum quae ratione provident tenetur harum vero veritatis eligendi.</p>
                <div class="buttoncont">
                    <button class="preview 1">preview</button>
                    <button>download</button>
                </div>
            </div>
            <div class="container">
                <div class="header">
                    <i class="fab fa-accessible-icon"></i>
                </div>
                <h3>Title here</h3>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Debitis veniam dolores eum quae ratione provident tenetur harum vero veritatis eligendi.</p>
                <div class="buttoncont">
                    <button class="preview 2">preview</button>
                    <button>download</button>
                </div>
            </div>
            <div class="container">
                <div class="header">
                    <i class="fas fa-biohazard"></i>
                </div>
                <h3>Title here</h3>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Debitis veniam dolores eum quae ratione provident tenetur harum vero veritatis eligendi.</p>
                <div class="buttoncont">
                    <button class="preview 3">preview</button>
                    <button>download</button>
                </div>
            </div>
        </div>
    </div>
    <div class="blur2"></div>
    <div id="socials" class="socials">
        <a href="https://discord.gg/WncjjXgGky" class="but">
            <i class="fab fa-discord"></i>
        </a>
        <a href="https://github.com/Revvilon" class="but">
            <i class="fab fa-github"></i>
        </a>
        <a href="https://www.youtube.com/channel/UCUIJP0MaiaFjW5RuVQtSgsg" class="but">
            <i class="fab fa-youtube"></i>
        </a>
    </div>
    <script src="/index.js"></script>
</body>
</html>