diff --git a/site/assets/images/devgit.png b/site/assets/images/devgit.png new file mode 100644 index 0000000..efa150b Binary files /dev/null and b/site/assets/images/devgit.png differ diff --git a/site/assets/images/dharmvir.jpg b/site/assets/images/dharmvir.jpg new file mode 100644 index 0000000..d81a90a Binary files /dev/null and b/site/assets/images/dharmvir.jpg differ diff --git a/site/assets/images/friend1.jpg b/site/assets/images/friend1.jpg new file mode 100644 index 0000000..99b662e Binary files /dev/null and b/site/assets/images/friend1.jpg differ diff --git a/site/assets/images/friend2.jpg b/site/assets/images/friend2.jpg new file mode 100644 index 0000000..e7f3722 Binary files /dev/null and b/site/assets/images/friend2.jpg differ diff --git a/site/index.html b/site/index.html new file mode 100644 index 0000000..71b5be4 --- /dev/null +++ b/site/index.html @@ -0,0 +1,131 @@ + + + + + + DevOps Project + + + + + + + + + +
+
+

Welcome to Our DevOps Git Project

+

Collaborating on Git, Branches, Pull Requests & GitHub Pages Hosting.

+ DevOps illustration +
+
+ + +
+
+

About the Project

+

This repository was created as part of a DevOps/GitHub assignment. It demonstrates collaboration, branches, pull requests, and hosting via GitHub Pages.

+
+
+ + +
+
+

Team Members

+
+ +
+ DHARMVIR SINGH +

DHARMVIR SINGH

+

Owner / Developer

+ +
+ +
+ Friend 1 +

SOURAV KUMAR

+

Collaborator

+ +
+ +
+ Friend 2 +

ARSH SHARMA

+

Collaborator

+ +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/site/script.js b/site/script.js new file mode 100644 index 0000000..4fa0317 --- /dev/null +++ b/site/script.js @@ -0,0 +1,7 @@ +// Smooth scroll for navigation links +document.querySelectorAll('nav a').forEach(anchor => { + anchor.addEventListener('click', function(e) { + e.preventDefault(); + document.querySelector(this.getAttribute('href')).scrollIntoView({ behavior: 'smooth' }); + }); +}); \ No newline at end of file diff --git a/site/style.css b/site/style.css new file mode 100644 index 0000000..c1f5817 --- /dev/null +++ b/site/style.css @@ -0,0 +1,102 @@ +/* General resets */ +* { margin: 0; padding: 0; box-sizing: border-box; } +body { font-family: 'Segoe UI', Roboto, Arial, sans-serif; line-height: 1.6; color: #333; } + +/* Navbar */ +nav { + background: linear-gradient(90deg, #1e3c72, #2a5298); + color: white; + padding: 0.75rem 0; + position: sticky; + top: 0; + z-index: 100; +} +.nav-container { max-width: 1100px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; } +.nav-links { list-style: none; display: flex; gap: 1.5rem; } +.nav-links li a { color: white; text-decoration: none; font-weight: bold; } +.nav-links li a:hover { color: #ffcc00; } + +/* Sections */ +.section { padding: 4rem 1rem; } +.container { max-width: 1100px; margin: 0 auto; } + +/* Home / Hero */ +.home { background: linear-gradient(to right, #a1c4fd, #c2e9fb); text-align: center; padding-top: 6rem; padding-bottom: 6rem; } +.home h1 { font-size: 3rem; margin-bottom: 1rem; color: #1e3c72; } +.home p { font-size: 1.2rem; margin-bottom: 2rem; color: #333; } +.home-img { + width: 180px; + height: 120px; + object-fit: cover; + border-radius: 20px; + box-shadow: 0 6px 15px rgba(0,0,0,0.3); + transition: transform 0.3s, box-shadow 0.3s; +} +.home-img:hover { + transform: scale(1.1); + box-shadow: 0 10px 25px rgba(0,0,0,0.4); +} + + +/* About */ +.about { background-color: #f0f8ff; } +.about h2 { color: #1e3c72; margin-bottom: 1rem; } +.about p { font-size: 1.1rem; } + +/* Team */ +.team { background-color: #e8f0fe; } +.team h2 { color: #1e3c72; margin-bottom: 2rem; text-align: center; } +.team-grid { display: flex; flex-wrap: wrap; gap: 2rem; justify-content: center; } +.member-card { text-align: center; background: #ffffff; padding: 1.25rem; border-radius: 12px; width: 220px; transition: transform 0.3s, box-shadow 0.3s; } +.member-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.2); } +.member-card img { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; margin-bottom: 0.5rem; } +.member-card h3 { margin-bottom: 0.25rem; color: #1e3c72; } +.member-card a { margin: 0 0.25rem; font-size: 1.2rem; color: #1e3c72; text-decoration: none; } +.member-card a:hover { color: #ffcc00; } + +/* Links Section - card style */ +.links-grid { + display: flex; + flex-wrap: wrap; + gap: 1.5rem; + justify-content: center; + margin-top: 2rem; +} + +.link-card { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + text-align: center; + background: #f0f8ff; + color: #1e1e2f; + padding: 1.5rem; + border-radius: 12px; + width: 180px; + height: 150px; + text-decoration: none; + font-weight: bold; + box-shadow: 0 6px 15px rgba(0,0,0,0.1); + transition: transform 0.3s, box-shadow 0.3s; +} + +.link-card i { + margin-bottom: 0.75rem; + color: #00aaff; +} + +.link-card span { + font-size: 1.1rem; +} + +.link-card:hover { + transform: translateY(-5px); + box-shadow: 0 10px 25px rgba(0,0,0,0.2); +} + +/* Footer */ +footer { background: linear-gradient(90deg, #1e3c72, #2a5298); color: white; text-align: center; padding: 1rem 0; margin-top: 2rem; font-size: 0.9rem; } + +/* Hero / container adjustments */ +.hero-container { max-width: 900px; margin: 0 auto; } \ No newline at end of file