-
Notifications
You must be signed in to change notification settings - Fork 34
/
Copy pathindex.html
120 lines (115 loc) · 11.1 KB
/
index.html
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
<!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>Hacktoberfest</title>
<link rel = "icon" href = "img/hacktober.png" type = "image/x-icon">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://unpkg.com/font-awesome@4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.cdnfonts.com/css/baron-neue">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/parallax/parallax.js"></script>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<style>
html {
scroll-behavior: smooth;
}
</style>
<body>
<div class="parallax-window" style="object-fit: contain ;" data-parallax="scroll" data-image-src="img/hacktober.png">
<header>
<nav class="mb-1 navbar navbar-expand-lg navbar-dark lighten-1 fixed-top">
<h3 class="logo">Hacktober<span>Fest</span></h3>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent-555"
aria-controls="navbarSupportedContent-555" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent-555">
<ul class="navbar-nav ml-auto">
<li class="nav-item active mynav"><a class="nav-link rang" href="#">HOME<span class="sr-only">(current)</span></a></li>
<li class="nav-item mynav"><a class="nav-link" href="#details">DETAILS</a></li>
<li class="nav-item mynav"><a class="nav-link" href="#about-footer">ABOUT</a></li>
</ul>
</div>
</nav>
<div class="bigTitle translate" data-speed="0.1"><a href="#details"><button class="bt myfont"><span>Explore</span></button></a></div>
</header>
<section id='details'>
<div><h3 class="text-center mytext myfont">DETAILS</h3></div>
<div class="card mycard">
<div class="card-body text-justify">
<div><h4 class="text-justify"><img src="img/octocat.png" width=23 height=23> Open your first pull request for the Hacktoberfest 2022 challenge.</h3></div><br>
<div><h4 class="text-justify">How to make your first pull request?</h4></div><hr style="border-top: 1px solid white;"><br>
<div><h5 class="text-justify"><span style="border: 1px solid white; padding: 0.3rem; border-radius: 1rem; margin-right: 0.5rem;">Step#1:</span> <a href="https://github.com/shubham9672/Developers-Bank" target="_blank">Star</a> this repo 🌟</h5></div>
<div class="pic"><img width="50%" alt="Star this repo for hacktoberfest" src="img/Star.png"></div><br>
<div><h5 class="text-justify"><span style="border: 1px solid white; padding: 0.3rem; border-radius: 1rem; margin-right: 0.5rem;">Step#2:</span> Show some love 😄</h5></div>
<div class="text-center1"><h6 class="text-justify text-center1"><a href="https://github.com/shubham9672" target="_blank" aria-label="Follow @shubham9672 on GitHub"><img src="https://img.shields.io/badge/Follow👉-@shubham9672-blue?style=for-the-badge" /></a><br>(Follow me on github - this motivates me to review & merge pull requests quicker.) </h6></div><br>
<div><h5 class="text-justify"><span style="border: 1px solid white; padding: 0.3rem; border-radius: 1rem; margin-right: 0.5rem;">Step#3:</span> <a href="https://github.com/shubham9672/Developers-Bank/fork" target="_blank">Fork</a> and clone the repository.</h5></div><br>
<div><h5 class="text-justify"><span style="border: 1px solid white; padding: 0.3rem; border-radius: 1rem; margin-right: 0.5rem;">Step#4:</span> Send in your valuable projects/code to this repository in order to complete it. Make sure you are making a valid contribution to the open source.</h5></div><br>
<div><h5 class="text-justify"><span style="border: 1px solid white; padding: 0.3rem; border-radius: 1rem; margin-right: 0.5rem;">Step#5:</span> Add your files <span style="background-color: rgba(175, 184, 193, 0.2); color: white;"> git add -A </span>.</h5></div><br>
<div><h5 class="text-justify"><span style="border: 1px solid white; padding: 0.3rem; border-radius: 1rem; margin-right: 0.5rem;">Step#6: </span>Commit your changes <span style="background-color: rgba(175, 184, 193, 0.2); color: white;"> git commit -m "commit message here" </span>.</h5></div><br>
<div><h5 class="text-justify"><span style="border: 1px solid white; padding: 0.3rem; border-radius: 1rem; margin-right: 0.5rem;">Step#7:</span> Push to your fork <span style="background-color: rgba(175, 184, 193, 0.2); color: white;"> git push </span> and <a href="https://github.com/shubham9672/Developers-Bank/compare" target="_blank">submit a pull request</a>.</h5></div><br>
<div><h5 class="text-justify"><span style="border: 1px solid white; padding: 0.3rem; border-radius: 1rem; margin-right: 0.5rem;">Step#8:</span> Pat your self on the back and wait for your pull request to be reviewed and merged.</h5></div><br><br>
<div><h4 class="text-justify">Are you a Software Developer💻?</h4></div><hr style="border-top: 1px solid white;"><br>
<div><h6 class="text-justify">This repo is open to contributions (in the form of questions) from Software Developers.</h6></div><br><br>
<div><h4 class="text-justify">What is Hacktoberfest?</h4></div><hr style="border-top: 1px solid white;"><br>
<div><h6 class="text-justify">A month-long celebration from October 1st - 31st sponsored by <a href="https://hacktoberfest.digitalocean.com/" target="_blank">Digital Ocean</a> and GitHub to get people involved in <a href="https://github.com/open-source" target="_blank">Open Source</a>. Create your very first pull request to any public repository on GitHub and contribute to the open source developer community.</h6></div><br>
<div><h6 class="text-justify text-center1"><a href="https://hacktoberfest.digitalocean.com/" target="_blank">https://hacktoberfest.digitalocean.com/</a></h6></div><br>
<div><h6 class="text-justify text-center1">Enjoy Coding and Keep contributing to open source.</h6></div><br>
<div><h6 class="text-justify text-center1">(PS- Add your name to contributors.md in the format [ Your_Name ] (Your_Profile_Link)</h6></div><br>
<div><h6 class="text-justify text-center1">Contribute some good codes, don't submit HelloWorld programs or your contribution will be marked as INVALID/SPAM.</h6></div>
</div>
</div>
</section>
<footer class="page-footer font-small unique-color-dark" style="background: rgba(0, 0, 0, 0.85);" id="about-footer">
<div style="background-color: black; color: white;">
<div class="container">
<div class="row py-4 d-flex align-items-center">
<div class="col-md-6 col-lg-5 text-center text-md-left mb-4 mb-md-0">
<h6 class="mb-0">Get connected with me on social networks!</h6>
</div>
<div class="col-md-6 col-lg-7 text-center text-md-right">
<span class="iconmargin"><a href="https://www.linkedin.com/in/shubham-menroy-a26468238/" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a></span>
<span class="iconmargin"><a href="https://github.com/shubham9672" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a></span>
</div>
</div>
</div>
</div>
<div class="container text-center text-md-left mt-5">
<div class="row mt-3" style="color: white;">
<div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
<h6 class="text-uppercase font-weight-bold">ABOUT</h6>
<hr class="deep-purple accent-2 mb-4 mt-0 d-inline-block mx-auto" style="width: 60px;">
<p class="text-justify ">I'm a Student, Programmer and a Developer !!</p>
<p class="text-justify">👯 I’m looking to collaborate with other developers and programmers.</p>
<p class="text-justify">🥅 2022 Goals : Contribute more to Open Source projects</p>
<p class="text-justify">🌱 Interest : Robotics , Automation , Coding , Hackng ,Music and Table-Tennis</p>
</div>
<div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4">
<h6 class="text-uppercase font-weight-bold">SOCIAL MEDIA</h6>
<hr class="deep-purple accent-2 mb-4 mt-0 d-inline-block mx-auto" style="width: 60px;">
<p><a href="https://www.linkedin.com/in/shubham-menroy-a26468238/" target="_blank">LinkedIn</a></p>
<p><a href="https://github.com/shubham9672" target="_blank">Github</a></p>
</div>
<div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
<h6 class="text-uppercase font-weight-bold">Contact</h6>
<hr class="deep-purple accent-2 mb-4 mt-0 d-inline-block mx-auto" style="width: 60px;">
<p class="text-justify"><i class="fa fa-home mr-3"></i> Jaipur</p>
<p class="text-justify" style="display: flex; flex-wrap: nowrap;"><i class="fa fa-envelope mr-3"></i> shubhammenroy9672@gmail.com</p>
</div>
</div>
</div>
<button type="button" class="btn btn-light btn-floating btn-lg" id="btn-back-to-top"><i class="fa fa-arrow-up"></i></button>
</footer>
</div>
<script src="js/app.js"></script>
</body>
</html>