Project-D4RK.github.io/index.html at master · Project-D4RK/Project-D4RK.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
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
<!doctype html>
<html lang="en">

    <!-- Start of Head -->

  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="Project-D4RK's github page">
    <meta name="author" content="AJHblu, CROTHEHACKER">
    <title>Home Page - Project-D4RK | project-d4rk.github.io </title>


    <!-- CSS -->
<link href="/assets/css/min.css" rel="stylesheet">
<link href="/assets/css/main.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Advent Pro' rel='stylesheet'>

    <!-- Inpage CSS -->
    <style>

    body {
     font-family: 'Advent Pro';
     font-size: 22px;
    }

      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
         .fadein-one {
            animation: fadeInAnimation ease 5.5s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
        }
        @keyframes fadeInAnimation {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }

.fadein-two {
            animation: fadeInAnimation ease 10.5s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
        }
        @keyframes fadeInAnimation {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }

        .fadein-three {
            animation: fadeInAnimation ease 16.5s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
        }
        @keyframes fadeInAnimation {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }

    </style>
    <!-- End of Inpage CSS -->

  </head>
  <!-- End of Head -->

  <!-- Start of Body-->
  <body class="text-center">
    <div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
  <header class="masthead mb-auto">
    <div class="inner">
      <h3 class="masthead-brand fadein-two">PROJECT-D4RK</h3>
      <nav class="nav nav-masthead justify-content-center fadein-two">
        <a class="nav-link active fadein-two" href="/">Home</a>
        <a class="nav-link fadein-two" href="https://github.com/Project-D4RK/">GitHub</a>
        <a class="nav-link fadein-two" href="/contact/">About & Contact</a>
      </nav>
    </div>
  </header>

  <main role="main" class="inner cover">
    <h1 class="cover-heading fadein-one"><b>Welcome</b></h1><br />
    <p class="lead fadein-one">Check out Project-D4RK's newest project, <b>D4RK-OS</b>!</p>
    <p class="lead fadein-one">
      <a href="https://github.com/Project-D4RK/d4rk-os" class="btn btn-lg btn-secondary">Learn more</a>
    </p>
  </main>

  <!-- Start of Footer -->
  <footer class="mastfoot mt-auto">
    <div class="inner">
      <p class="fadein-three"><b>2020 &#169; Project-D4RK</b> - Proud partner of <a href="https://fiveninedark.com/">5/9Dark</a></p>
      <!-- Made by CRO at FND - crothehacker @ FiveNineDark [DOT] com -->
    </div>
  </footer>
  <!-- End of Footer -->
</div>
</body>
<!-- End of Body-->
</html>