devops-git--project/index.html at main · dharmviro1/devops-git--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
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>DevOps Project</title>
  <link rel="stylesheet" href="style.css" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"/>
</head>
<body>

<!-- Navbar -->
<nav>
  <div class="nav-container">
    <div class="logo">DevOps Project</div>
    <ul class="nav-links">
      <li><a href="#home">Home</a></li>
      <li><a href="#about">About</a></li>
      <li><a href="#team">Team</a></li>
      <li><a href="#links">Links</a></li>
    </ul>
  </div>
</nav>

<!-- Hero / Home Section -->
<section id="home" class="section home">
  <div class="hero-container">
    <h1>Experiment: 02</h1>
    <h2>Welcome to Our DevOps Git Project</h2>
    <p>Collaborating on Git, Branches, Pull Requests & GitHub Pages Hosting.</p>
    <img src="assets/images/devgit.png" alt="DevOps illustration" class="home-img"/>
  </div>
</section>

<!-- About Section -->
<section id="about" class="section about">
  <div class="container">
    <h2>About the Project</h2>
    <p>This repository was created as part of a DevOps/GitHub assignment. It demonstrates collaboration, branches, pull requests, and hosting via GitHub Pages.</p>
  </div>
</section>

<!-- Team Section -->
<section id="team" class="section team">
  <div class="container">
    <h2>Team Members</h2>
    <div class="team-grid">
      <!-- Owner -->
      <div class="member-card">
        <img src="assets/images/dharmvir.jpg" alt="DHARMVIR SINGH">
        <h3>DHARMVIR SINGH</h3>
        <p>Owner / Developer</p>
        <div class="social-links">
          <a href="https://github.com/dharmviro1" target="_blank"><i class="fab fa-github"></i></a>

          <a href="https://www.linkedin.com/in/dharmvir-singh-1149b1254?lipi=urn%3Ali%3Apage%3Ad_
          flagship3_profile_view_base_contact_details%3BdG1c6Oa4To6n0zX3FxlA7w%3D%3D" target="_blank">
          <i class="fab fa-linkedin"></i></a>

        </div>
      </div>
      <!-- Collaborator 1 -->
      <div class="member-card">
        <img src="assets/images/friend1.jpg" alt="Friend 1">
        <h3>SOURAV KUMAR</h3>
        <p>Collaborator</p>
        <div class="social-links">
          <a href="https://github.com/souravo1" target="_blank"><i class="fab fa-github"></i></a>

          <a href="https://www.linkedin.com/in/sourav-kumar-114076255?lipi=urn%3Ali%3Apage%3Ad_
          flagship3_profile_view_base_contact_details%3BhSGFesENQvGcf%2BPfvJJFWQ%3D%3D" target="_blank">
          <i class="fab fa-linkedin"></i></a>

        </div>
      </div>
      <!-- Collaborator 2 -->
      <div class="member-card">
        <img src="assets/images/friend2.jpg" alt="Friend 2">
        <h3>ARSH SHARMA</h3>
        <p>Collaborator</p>
        <div class="social-links">
          <a href="https://github.com/friend2username" target="_blank"><i class="fab fa-github"></i></a>

          <a href="https://www.linkedin.com/in/arsh-sharma-b2a163255?lipi=urn%3Ali%3Apage%3Ad_
          flagship3_profile_view_base_contact_details%3BdZ7gSYpYSk6Xoltxz1A2ow%3D%3D" target="_blank">
          <i class="fab fa-linkedin"></i></a>

        </div>
      </div>
    </div>
  </div>
</section>

<!-- Links Section -->
<section id="links" class="section links">
  <div class="container">
    <h2>Project Links</h2>
    <div class="links-grid">
      <!-- README -->
      <a href="README.md" target="_blank" class="link-card">
        <i class="fas fa-file-alt fa-2x"></i>
        <span>README.md</span>
      </a>

      <!-- GitHub Repo -->
      <a href="https://github.com/dharmviro1/devops-git-project" target="_blank" class="link-card">
        <i class="fab fa-github fa-2x"></i>
        <span>GitHub Repo</span>
      </a>

      <!-- Optional: Add more project links -->
      <!-- Example: -->
      <!--
      <a href="docs/assignment.pdf" target="_blank" class="link-card">
        <i class="fas fa-book fa-2x"></i>
        <span>Assignment PDF</span>
      </a>
      -->
    </div>
  </div>
</section>

<!-- Footer -->
<footer>
  <div class="container">
    <p>© 2025 DevOps Git Project</p>
  </div>
</footer>

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