GitHub-Portfolio-Page-Builder/index.html at main · crissymoon/GitHub-Portfolio-Page-Builder · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Crissy Deutsch - Portfolio</title>
  <link rel="icon" id="favicon" type="image/png" href="">
  <link rel="stylesheet" href="styles.css">
</head>
<body>

  <!-- Loading Screen -->
  <div class="loading-screen" id="loading-screen">
    <div class="loading-spinner"></div>
    <p class="loading-text">Loading</p>
  </div>

  <!-- Notice Bar -->
  <div class="notice-bar" id="notice-bar"></div>

  <!-- Header -->
  <header class="site-header">
    <img id="site-image" class="site-image" src="" alt="" style="display:none;">
    <h1 id="site-title">Crissy Deutsch Portfolio</h1>
    <ul class="socials-bar" id="socials-bar"></ul>
  </header>

  <!-- Main Content -->
  <main class="main-content">

    <!-- Recent Updates -->
    <section class="updates-section">
      <h2 class="section-title">Recent Updates</h2>
      <div class="update-notice" id="update-notice"></div>
    </section>

    <!-- Projects -->
    <section class="projects-section">
      <h2 class="section-title">Projects</h2>
      <div class="projects-grid" id="projects-grid"></div>
      <div class="pagination" id="pagination"></div>
    </section>

    <!-- Info & Skills -->
    <section class="info-section">
      <h2 class="section-title">About</h2>
      <div class="info-block" id="info-block"></div>
      <ul class="skills-list" id="skills-list"></ul>
    </section>

    <!-- Education & Technical Background -->
    <section class="education-section" id="education-section" style="display:none;">
      <h2 class="section-title">Education &amp; Technical Background</h2>
      <div class="education-block" id="education-block"></div>
    </section>

    <!-- Links -->
    <section class="links-section">
      <h2 class="section-title">Links</h2>
      <ul class="links-list" id="links-list"></ul>
    </section>

    <!-- Support Link -->
    <div class="support-link-wrap" id="support-link-wrap"></div>

  </main>

  <!-- Footer -->
  <footer class="site-footer">
    Crissy Deutsch
  </footer>

  <script src="scripts.js"></script>
</body>
</html>