Calendar-project/jan.html at master · NeticDev/Calendar-project · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <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>Calendar</title>
    <link href="style.css" rel="stylesheet" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Fredoka+One&family=Russo+One&display=swap"
      rel="stylesheet"
    />
    <script
      type="module"
      src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"
    ></script>
    <script
      nomodule
      src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"
    ></script>
  </head>
  <body>
    <header class="header">
      <div class="header-logo">
        <img
          class="header-img"
          src="https://img.freepik.com/free-vector/calendar-header-2022-number-colorful-abstract-color-paint-brush-strokes-happy-2022-new-year-colorful-background_87521-3053.jpg?w=2000"
          rel="2022-img"
        />
      </div>
      <div class="title">
        <p class="main-title">Calendar</p>
      </div>
      <div class="infos">
        <a
          class="logos-nav"
          rel="instagramprofile"
          href="https://www.instagram.com/paulorodrigues18/"
          target="_blank"
          ><ion-icon class="logos" name="logo-instagram"></ion-icon
        ></a>
        <a
          class="logos-nav"
          rel="githubprofile"
          href="https://github.com/Neticz0r"
          target="_blank"
          ><ion-icon class="logos" name="logo-github"></ion-icon
        ></a>
        <a
          class="logos-nav"
          rel="linkedinprofile"
          href="https://www.linkedin.com/in/paulo-rodrigues-335b06250/"
          target="_blank"
          ><ion-icon class="logos" name="logo-linkedin"></ion-icon
        ></a>
      </div>
    </header>
    <div class="month-box">
      <div class="month">
        <p>January</p>
      </div>
      <div class="grid weekdays">
        <p class="monday">M</p>
        <p class="tuesday">T</p>
        <p class="wednesday">W</p>
        <p class="thursday">T</p>
        <p class="friday">F</p>
        <p class="saturday">S</p>
        <p class="sunday">S</p>
      </div>
      <div class="grid days">
        <p class="empty">27</p>
        <p class="empty">28</p>
        <p class="empty">29</p>
        <p class="empty">30</p>
        <p class="empty">31</p>
        <p class="1">1</p>
        <p class="2">2</p>
        <p class="3">3</p>
        <p class="4">4</p>
        <p class="5">5</p>
        <p class="6">6</p>
        <p class="7">7</p>
        <p class="8">8</p>
        <p class="9">9</p>
        <p class="10">10</p>
        <p class="11">11</p>
        <p class="12">12</p>
        <p class="13">13</p>
        <p class="14">14</p>
        <p class="15">15</p>
        <p class="16">16</p>
        <p class="17">17</p>
        <p class="18">18</p>
        <p class="19">19</p>
        <p class="20">20</p>
        <p class="21">21</p>
        <p class="22">22</p>
        <p class="23">23</p>
        <p class="24">24</p>
        <p class="25">25</p>
        <p class="26">26</p>
        <p class="27">27</p>
        <p class="28">28</p>
        <p class="29">29</p>
        <p class="30">30</p>
        <p class="31">31</p>
        <p class="empty">1</p>
        <p class="empty">2</p>
        <p class="empty">3</p>
        <p class="empty">4</p>
        <p class="empty">5</p>
        <p class="empty">6</p>
      </div>
    </div>
  </body>
</html>