Hugging Face's logo

Spaces:
Atulsinghbirla
/
LoginPage
Sleeping

App Files Community
Atulsinghbirla commited on
Commit
50d960f
·
verified ·
1 Parent(s): 89d6429

Upload 11 files

Browse files
Files changed (12) hide show
  1. .gitattributes +1 -0
  2. templates/blog.html +51 -0
  3. templates/contact.html +60 -0
  4. templates/cros.png +0 -0
  5. templates/cv.pdf +3 -0
  6. templates/dev2.png +0 -0
  7. templates/dummy.jpg +0 -0
  8. templates/highlight.html +41 -0
  9. templates/hum.png +0 -0
  10. templates/intro.html +44 -0
  11. templates/projects.html +53 -0
  12. templates/script.js +30 -0
.gitattributes CHANGED
@@ -33,3 +33,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
33
  *.zip filter=lfs diff=lfs merge=lfs -text
34
  *.zst filter=lfs diff=lfs merge=lfs -text
35
  *tfevents* filter=lfs diff=lfs merge=lfs -text
 
 
33
  *.zip filter=lfs diff=lfs merge=lfs -text
34
  *.zst filter=lfs diff=lfs merge=lfs -text
35
  *tfevents* filter=lfs diff=lfs merge=lfs -text
36
+ templates/cv.pdf filter=lfs diff=lfs merge=lfs -text
templates/blog.html ADDED
@@ -0,0 +1,51 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Atul Singh - Blog</title>
8
+ <link rel="stylesheet" href="style.css">
9
+ <script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
10
+ </head>
11
+ <body>
12
+ <div class="container">
13
+ <div class="sidebar">
14
+ <nav>
15
+ <ul>
16
+ <li><a href="index.html">Home</a></li>
17
+ <li><a href="intro.html">About</a></li>
18
+ <li><a href="projects.html">Projects</a></li>
19
+ <li><a href="contact.html">Contact</a></li>
20
+ <li><a href="blog.html" class="active">Blog</a></li>
21
+ </ul>
22
+ </nav>
23
+ </div>
24
+ <div class="main">
25
+ <div class="hamburger">
26
+ <i class="fas fa-bars hum"></i>
27
+ <i class="fas fa-times cros"></i>
28
+ </div>
29
+ <div class="blog">
30
+ <h2>Blog by Atul</h2>
31
+ <div class="blogitem">
32
+ <h3>Mastering JavaScript in 2025</h3>
33
+ <p>JavaScript continues to evolve with modern frameworks and ES modules. In this post, I explore the latest trends in JavaScript development and share tips for building efficient web apps.</p>
34
+ <button class="btn btn-sm">Read More</button>
35
+ </div>
36
+ <div class="blogitem">
37
+ <h3>Responsive Design with CSS</h3>
38
+ <p>Learn how to create responsive layouts using CSS Grid and Flexbox. This article covers practical examples and best practices for mobile-first design.</p>
39
+ <button class="btn btn-sm">Read More</button>
40
+ </div>
41
+ <div class="blogitem">
42
+ <h3>Why Learn Python?</h3>
43
+ <p>Python is a versatile language for web development, data science, and automation. I share my journey of learning Python and its applications in my projects.</p>
44
+ <button class="btn btn-sm">Read More</button>
45
+ </div>
46
+ </div>
47
+ </div>
48
+ </div>
49
+ <script src="script.js"></script>
50
+ </body>
51
+ </html>
templates/contact.html ADDED
@@ -0,0 +1,60 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Atul Singh - Contact</title>
8
+ <link rel="stylesheet" href="style.css">
9
+ <script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
10
+ </head>
11
+ <body>
12
+ <div class="container">
13
+ <div class="sidebar">
14
+ <nav>
15
+ <ul>
16
+ <li><a href="index.html">Home</a></li>
17
+ <li><a href="intro.html">About</a></li>
18
+ <li><a href="projects.html">Projects</a></li>
19
+ <li><a href="contact.html" class="active">Contact</a></li>
20
+ <li><a href="blog.html">Blog</a></li>
21
+ </ul>
22
+ </nav>
23
+ </div>
24
+ <div class="main">
25
+ <div class="hamburger">
26
+ <i class="fas fa-bars hum"></i>
27
+ <i class="fas fa-times cros"></i>
28
+ </div>
29
+ <div class="contactform">
30
+ <h2>Contact Me</h2>
31
+ <form id="contactForm">
32
+ <div class="mb-3">
33
+ <label for="yourname" class="form-label">Name</label>
34
+ <input type="text" class="form-control" id="yourname" required>
35
+ </div>
36
+ <div class="mb-3">
37
+ <label for="youremail" class="form-label">Email Address</label>
38
+ <input type="email" class="form-control" id="youremail" required>
39
+ <div class="form-text">Your email will remain confidential.</div>
40
+ </div>
41
+ <div class="mb-3">
42
+ <label for="yourphone" class="form-label">Phone</label>
43
+ <input type="tel" class="form-control" id="yourphone" required>
44
+ </div>
45
+ <div class="mb-3">
46
+ <label for="yourmessage" class="form-label">Message</label>
47
+ <textarea class="form-control" id="yourmessage" rows="4" required></textarea>
48
+ </div>
49
+ <div class="mb-3 form-check">
50
+ <input type="checkbox" class="form-check-input" id="isclient">
51
+ <label class="form-check-label" for="isclient">Interested in a project collaboration</label>
52
+ </div>
53
+ <button type="submit" class="btn btn-primary">Submit</button>
54
+ </form>
55
+ </div>
56
+ </div>
57
+ </div>
58
+ <script src="script.js"></script>
59
+ </body>
60
+ </html>
templates/cros.png ADDED
templates/cv.pdf ADDED
@@ -0,0 +1,3 @@
 
 
 
 
1
+ version https://git-lfs.github.com/spec/v1
2
+ oid sha256:f2ccafa0adc989066ff48d885aa6be945ab55419651149fd261d669fcaffd0ec
3
+ size 219624
templates/dev2.png ADDED
templates/dummy.jpg ADDED
templates/highlight.html ADDED
@@ -0,0 +1,41 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta http-equiv="x-ua-compatible" content="IE=edge">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>personel.portfolio.web</title>
8
+ <link rel="stylesheet" href="style.css">
9
+ <script src="https://kit.fontawesome.com/a076d05399.js"></script>
10
+ </head>
11
+ <body>
12
+ <div class="container">
13
+ <div class="sidebar">
14
+ <nav>
15
+ <ul>
16
+ <li><a href="index.html">Home</a></li>
17
+ <li><a href="intro.html">Intro</a></li>
18
+ <li><a href="highlight.html">Highlight</a></li>
19
+ <li><a href="contact.html">Contact Me</a></li>
20
+ <li><a href="blog.html">Blog</a></li>
21
+ </ul>
22
+ </nav>
23
+ </div>
24
+ <div class="main">
25
+ <div class="info">
26
+ <div class="devinfo">
27
+ <div class="Hello">Hi i'm</div>
28
+ <div class="Name"> Atul singh</div>
29
+ <div class="About">Devloper,Blogger,Gamer</div>
30
+ <div class="Aboutmore"> Heloo! guys my name is Atul. And i am a Devloper,Blogger and Gamer<br> i'm from Saharanpur UttarPredesh(west 247451).<br>THANK you</div>
31
+ <div class="buttons">
32
+ <button>Download CV</button>
33
+ <button>Contact Me</button>
34
+ </div>
35
+ </div>
36
+ <div class="devpic"><img src="dev2.png" alt="shaktimaan"></div>
37
+ </div>
38
+ </div>
39
+ </div>
40
+ </body>
41
+ </html>
templates/hum.png ADDED
templates/intro.html ADDED
@@ -0,0 +1,44 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Atul Singh - About</title>
8
+ <link rel="stylesheet" href="style.css">
9
+ <script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
10
+ </head>
11
+ <body>
12
+ <div class="container">
13
+ <div class="sidebar">
14
+ <nav>
15
+ <ul>
16
+ <li><a href="index.html">Home</a></li>
17
+ <li><a href="intro.html" class="active">About</a></li>
18
+ <li><a href="projects.html">Projects</a></li>
19
+ <li><a href="contact.html">Contact</a></li>
20
+ <li><a href="blog.html">Blog</a></li>
21
+ </ul>
22
+ </nav>
23
+ </div>
24
+ <div class="main">
25
+ <div class="hamburger">
26
+ <i class="fas fa-bars hum"></i>
27
+ <i class="fas fa-times cros"></i>
28
+ </div>
29
+ <div class="intro">
30
+ <h2>About Me</h2>
31
+ <p>I'm Atul Singh, a dedicated web developer from Saharanpur, Uttar Pradesh. With a strong foundation in front-end technologies and a growing knowledge of backend development, I create responsive and user-friendly web applications. My goal is to build seamless digital experiences that combine functionality and aesthetics.</p>
32
+ <h2>My Skills</h2>
33
+ <div class="skillsdram">
34
+ <div class="skillsitem">HTML: <div class="skills t2"></div><span class="skill-label">100% - Expert</span></div>
35
+ <div class="skillsitem">CSS: <div class="skills t3"></div><span class="skill-label">35% - In Progress</span></div>
36
+ <div class="skillsitem">JavaScript: <div class="skills t1"></div><span class="skill-label">80% - Proficient</span></div>
37
+ <div class="skillsitem">Python: <div class="skills t5"></div><span class="skill-label">30% - Beginner</span></div>
38
+ </div>
39
+ </div>
40
+ </div>
41
+ </div>
42
+ <script src="script.js"></script>
43
+ </body>
44
+ </html>
templates/projects.html ADDED
@@ -0,0 +1,53 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Atul Singh - Projects</title>
8
+ <link rel="stylesheet" href="style.css">
9
+ <script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
10
+ </head>
11
+ <body>
12
+ <div class="container">
13
+ <div class="sidebar">
14
+ <nav>
15
+ <ul>
16
+ <li><a href="index.html">Home</a></li>
17
+ <li><a href="intro.html">About</a></li>
18
+ <li><a href="projects.html" class="active">Projects</a></li>
19
+ <li><a href="contact.html">Contact</a></li>
20
+ <li><a href="blog.html">Blog</a></li>
21
+ </ul>
22
+ </nav>
23
+ </div>
24
+ <div class="main">
25
+ <div class="hamburger">
26
+ <i class="fas fa-bars hum"></i>
27
+ <i class="fas fa-times cros"></i>
28
+ </div>
29
+ <div class="projects">
30
+ <h2>My Projects</h2>
31
+ <div class="project-grid">
32
+ <div class="project-card">
33
+ <h3>Portfolio Website</h3>
34
+ <p>A responsive personal portfolio showcasing my skills and projects, built with HTML, CSS, and JavaScript.</p>
35
+ <button class="btn btn-sm">View Project</button>
36
+ </div>
37
+ <div class="project-card">
38
+ <h3>Blog Platform</h3>
39
+ <p>A simple blog application with dynamic content rendering, styled with modern CSS.</p>
40
+ <button class="btn btn-sm">View Project</button>
41
+ </div>
42
+ <div class="project-card">
43
+ <h3>Task Manager</h3>
44
+ <p>A JavaScript-based task management app with local storage for persistence.</p>
45
+ <button class="btn btn-sm">View Project</button>
46
+ </div>
47
+ </div>
48
+ </div>
49
+ </div>
50
+ </div>
51
+ <script src="script.js"></script>
52
+ </body>
53
+ </html>
templates/script.js ADDED
@@ -0,0 +1,30 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ document.addEventListener('DOMContentLoaded', () => {
2
+ const hamburger = document.querySelector('.hamburger');
3
+ const sidebar = document.querySelector('.sidebar');
4
+ const main = document.querySelector('.main');
5
+ const humIcon = document.querySelector('.hum');
6
+ const crosIcon = document.querySelector('.cros');
7
+
8
+ hamburger.addEventListener('click', () => {
9
+ sidebar.classList.toggle('active');
10
+ main.classList.toggle('active');
11
+ humIcon.classList.toggle('active');
12
+ crosIcon.classList.toggle('active');
13
+ });
14
+
15
+ const contactForm = document.getElementById('contactForm');
16
+ if (contactForm) {
17
+ contactForm.addEventListener('submit', (e) => {
18
+ e.preventDefault();
19
+ alert('Thank you for your message! I will get back to you soon.');
20
+ contactForm.reset();
21
+ });
22
+ }
23
+
24
+ const blogButtons = document.querySelectorAll('.blogitem .btn');
25
+ blogButtons.forEach(button => {
26
+ button.addEventListener('click', () => {
27
+ alert('Full blog post coming soon!');
28
+ });
29
+ });
30
+ });