Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Contact us #52

Closed
wants to merge 5 commits into from
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
42 changes: 42 additions & 0 deletions .github/workflows/deno.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
# This workflow uses actions that are not certified by GitHub.
# They are provided by a third-party and are governed by
# separate terms of service, privacy policy, and support
# documentation.

# This workflow will install Deno then run `deno lint` and `deno test`.
# For more information see: https://github.com/denoland/setup-deno

name: Deno

on:
push:
branches: ["main"]
pull_request:
branches: ["main"]

permissions:
contents: read

jobs:
test:
runs-on: ubuntu-latest

steps:
- name: Setup repo
uses: actions/checkout@v4

- name: Setup Deno
# uses: denoland/setup-deno@v1
uses: denoland/setup-deno@61fe2df320078202e33d7d5ad347e7dcfa0e8f31 # v1.1.2
with:
deno-version: v1.x

# Uncomment this step to verify the use of 'deno fmt' on each commit.
# - name: Verify formatting
# run: deno fmt --check

- name: Run linter
run: deno lint

- name: Run tests
run: deno test -A
36 changes: 36 additions & 0 deletions .github/workflows/npm-publish-github-packages.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
# This workflow will run tests using node and then publish a package to GitHub Packages when a release is created
# For more information see: https://docs.github.com/en/actions/publishing-packages/publishing-nodejs-packages

name: Node.js Package

on:
release:
types: [created]

jobs:
build:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
- uses: actions/setup-node@v4
with:
node-version: 20
- run: npm ci
- run: npm test

publish-gpr:
needs: build
runs-on: ubuntu-latest
permissions:
contents: read
packages: write
steps:
- uses: actions/checkout@v4
- uses: actions/setup-node@v4
with:
node-version: 20
registry-url: https://npm.pkg.github.com/
- run: npm ci
- run: npm publish
env:
NODE_AUTH_TOKEN: ${{secrets.GITHUB_TOKEN}}
43 changes: 43 additions & 0 deletions public/Contact Us/contact.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Us</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="contact-container">
<h2>Contact Us</h2>
<form id="contact-form">
<div class="form-group">
<label for="name">Name</label>
<input placeholder="John Doe" type="text" id="name" name="name" required>
</div>
<div class="form-group">
<label for="email">Email</label>
<input placeholder="[email protected]" type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="subject">Subject</label>
<input placeholder="+911234567890" type="text" id="subject" name="subject" required>
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea placeholder="Briefly explain it here " id="message" name="message" rows="4" required></textarea>
</div>
<button type="submit">Submit</button>
</form>
</div>

<div id="popup" class="popup-overlay">
<div class="popup-content">
<h2>Thank You!</h2>
<p>Your message has been submitted successfully. Our team will get in touch with you shortly</p>
<button id="close-popup">Close</button>
</div>
</div>

<script src="script.js"></script>
</body>
</html>
20 changes: 20 additions & 0 deletions public/Contact Us/script.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
document.getElementById('contact-form').addEventListener('submit', function(event) {
event.preventDefault();

// Basic form validation
const name = document.getElementById('name').value;
const email = document.getElementById('email').value;
const subject = document.getElementById('subject').value;
const message = document.getElementById('message').value;

if (name && email && subject && message) {
// Show the popup
document.getElementById('popup').style.display = 'flex';
} else {
alert("Please fill out all fields.");
}
});

document.getElementById('close-popup').addEventListener('click', function() {
document.getElementById('popup').style.display = 'none';
});
134 changes: 134 additions & 0 deletions public/Contact Us/styles.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,134 @@
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}

body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

.contact-container {
background-color: white;
padding: 20px;
max-width: 500px;
width: 100%;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

h2 {
text-align: center;
margin-bottom: 20px;
color: #333;
}

.form-group {
margin-bottom: 15px;
}

.form-group label {
display: block;
margin-bottom: 5px;
font-weight: bold;
color: #555;
}

.form-group input,
.form-group textarea {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 16px;
}

.form-group input:focus,
.form-group textarea:focus {
outline: none;
border-color: #007bff;
}

button {
width: 100%;
padding: 10px;
background-color: #007bff;
color: white;
border: none;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
}

button:hover {
background-color: #0056b3;
}

/* Responsive */
@media (max-width: 768px) {
.contact-container {
padding: 15px;
}

h2 {
font-size: 1.5em;
}

.form-group input,
.form-group textarea {
font-size: 14px;
}

button {
font-size: 14px;
}
}

/* Custom Popup Styles */
.popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: none;
justify-content: center;
align-items: center;
}

.popup-content {
background-color: white;
padding: 20px;
border-radius: 8px;
text-align: center;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.popup-content h2 {
margin-bottom: 15px;
color: #333;
}

.popup-content p {
margin-bottom: 20px;
color: #555;
}

#close-popup {
background-color: #007bff;
color: white;
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}

#close-popup:hover {
background-color: #0056b3;
}
Loading