moodyfication.github.io/index.html at main · moodyfication/moodyfication.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
<!DOCTYPE html>
<html lang="en">
   <head>
      <title>Moodyfication - Modify your mood</title>
      <link rel="stylesheet" type="text/css" href="css/style.css">
      <link rel="stylesheet" type="text/css" href="css/fontawesome.min.css">
      <link rel="stylesheet" type="text/css" href="css/brands.min.css">
      <link rel="stylesheet" type="text/css" href="css/animate.css">
      <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
      <link href="https://fonts.googleapis.com/css?family=Montserrat:700" rel="stylesheet">
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta name="description" content="Moodyfication - Modify your mood" />
      <meta name="keywords" content="moodyfication, moody, mood, modify"/>
      <meta name="author" content=Ckysmrn">
      <meta name="robots" content="index, follow" />
   </head>
   <body>
      <!--Card-->
      <div class="card animated fadeIn">
         <div class="avatar">
            <img class="center animated rollIn" src="img/avatar.png" alt="avatar" />
         </div>
         <hr>
         <div class="name">
            Moodyfication
         </div>
         <p class="subtitle">
		 Modify your mood!!
         </p>
		 <!--
         <p class="location">
            <i class="fa fa-building-o"></i>
            <a href="#" target="_blank">
               Visit
            </a>
         </p>
		 --!>
         <p class="icons animated pulse">
            <a href="https://www.instagram.com/moodyfication" target="_blank">
               <span class="fa-stack fa-lg">
                   <i class="fa-regular fa-circle fa-stack-2x"></i>
                   <i class="fab fa-instagram fa-stack-1x"></i>
               </span>
            </a>
            <a href="https://www.threads.net/moodyfication" target="_blank">
               <span class="fa-stack fa-lg">
                   <i class="fa-regular fa-circle fa-stack-2x"></i>
                   <i class="fab fa-threads fa-stack-1x"></i>
               </span>
            </a>
            <a href="https://www.facebook.com/moodyfication" target="_blank">
               <span class="fa-stack fa-lg">
                   <i class="fa-regular fa-circle fa-stack-2x"></i>
                   <i class="fab fa-facebook fa-stack-1x"></i>
               </span>
            </a>
            <a href="https://x.com/moodyfications" target="_blank">
               <span class="fa-stack fa-lg">
                   <i class="fa-regular fa-circle fa-stack-2x"></i>
                   <i class="fab fa-x-twitter fa-stack-1x"></i>
               </span>
            </a>
            <a href="https://github.com/moodyfication" target="_blank">
               <span class="fa-stack fa-lg">
                   <i class="fa-regular fa-circle fa-stack-2x"></i>
                   <i class="fab fa-github fa-stack-1x"></i>
               </span>
            </a>
         </p>
      </div>


      <!--footer-->
      <footer class="animated fadeIn">
         &copy; Copyright <span id="js-current-year">2023</span>. Moodyfication.
      </footer>

      <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.slim.min.js" integrity="sha256-pasqAKBDmFT4eHoN2ndd6lN370kFiGUFyTiUHWhU7k8=" crossorigin="anonymous"></script>
      <script type="text/javascript">
         let today = new Date();
         $('#js-current-year').text(today.getFullYear());
      </script>
   </body>
</html>