Merge pull request #64 from reveurguy/master

some changes and added join-us

Author: reveurguy

_data/contributors.csv

@@ -2,4 +2,4 @@ sn,name,github,email,info,picture
 1,Deepak Raj,codeperfectplus,[email protected],Hello-world. I am Skilled in Data Science Machine Learning Deep Learning As Well As Web Development Knowledge Strong professional with a Master's Diploma in Data Science.,deepakraj
 2,Shubham Pawar,shubham5351,[email protected],,sample
 3,Deepak Kumar,dkpcs92,[email protected],,sample
-4,Priyanshu Singh,reveurguy, [email protected], Hi-there. I am a Web Development enthusiast. I am eager to learn new things. I have intermediate knowledge of CSS and HTML and basic-intermediate knowledge of Javascript. I love to use CSS and Javascript libraries to make sites look visually attractive. You can view more of my works and contributions on my github account. Happy Coding </>😉, priyanshusingh 
+4,Priyanshu Singh,reveurguy, [email protected], Hi-there. I am a Web Development enthusiast. I am eager to learn new things. I have intermediate knowledge of CSS and HTML and basic-intermediate knowledge of Javascript. I love to use CSS and Javascript libraries to make sites look visually attractive. You can view more of my works and contributions on my github account. Happy Coding </>😉,priyanshusingh

assets/css/main.css

@@ -257,8 +257,8 @@ background-image:url("data:image/svg+xml;charset=utf8,%3Csvg id='Layer_1' fill-o
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%) scale(0);
-	color: rgba(240, 248, 255, 0.05);
-	font-size: 9rem;
+	color: rgba(0, 0, 0, 0.1);
+	font-size: 8rem;
 	letter-spacing: 50px;
 	z-index: -1;
 	transition: .3s ease letter-spacing;
@@ -268,7 +268,7 @@ background-image:url("data:image/svg+xml;charset=utf8,%3Csvg id='Layer_1' fill-o
 	letter-spacing: initial;
 }
 #header .nav-list ul li:hover a {
-	color: crimson;
+	color: midnightblue;
 }
 .hamburger {
    z-index: 100;
@@ -326,10 +326,14 @@ background-image:url("data:image/svg+xml;charset=utf8,%3Csvg id='Layer_1' fill-o
 }
 .pMd
 {
-	margin-top: 10%;
+	margin-top: 10% !important;
 }
 .cross
 {
 	background-color: #75dddc;
 	border-color: #75dddc;
+}
+.ml-7
+{
+	margin-left:25rem;
 }

index.html

@@ -3,8 +3,9 @@
 title : Home
 active : home
 ---
-<marquee behavior="scroll" direction="left" bgcolor="white">The site is under development, so please mind the messyness. Thank You. </marquee>
+
 <div class="container">
+	<marquee behavior="scroll" direction="left" bgcolor="white" class="p-1 my-2 bdrRadius">The site is under development, so please mind the messyness. Thank You. </marquee>
 	<div class="jumbotron text-dark text-center">
 	<h1><strong>Welcome to PyContributors</strong></h1>
 	<p>A open Source community for Machine Learning and Artificial intelligence.</p>	

join-us/index.html

@@ -3,28 +3,28 @@
 title : Join Us
 active : join-us
 ---
+<h1>What is Py_contributors ?</h1>
+<p>Py_Contributors is an open-source community for Python, Machine learning, Web Development and Data Science. Most of us are students and are continuously learning from each other's experiences.</p>
 
-<div class="blurb">
-	<h1 class="text-center text-white">We are Open-Source Contributors</h1><hr>
-	<h4 class="text-center text-white">We are all very different. We were born in different cities, at different times, 
-		we love different music, food, movies. But we have something that unites us all.</h4>
-</div>
-
-<table class="table table-hover text-white">
-	<thead>
-	  <tr>
-		<th scope="col">Name</th>
-		<th scope="col">Email</th>				
-		<th>Github</th>
-	  </tr>
-	</thead>
-	{% for member in site.data.contributors %}
-	<tbody>
-	  <tr class="table-light">
-		<td class="text-dark">{{member.name}}</td>	
-		<td class="text-dark">{{member.email}}</td>
-		<td><a href="https://github.com/{{member.github}}">{{member.github}}</a></td>
-	  </tr>
-	</tbody>
-	{% endfor %}
-</table>
+<h1>Why to Contribute to open-source ?</h1>
+
+<p>Open source projects bring many benefits to those who participate in them, and such experience is great for your CV and greater for your knowledge and skills. By joining a community of like-minded people and polishing up your skills, you can give yourself a step up as an aspiring developer.</p>
+
+<p>There are several reasons to contribute to OSS (open-source software) : </p>
+
+<p>🔵 First, there are a lot of enthusiasts who simply believe that code should be open. They're idealists who want to make the world a better place, and it drives them to contribute code. The desire to share can be a powerful motivator.</p>
+
+<p>🔵 Second, OSS gives you a great start. Beginners might start by fixing minor things, such as a bug in a library, sending a pull request, or even writing a piece of documentation. However, beginner developers can also learn to write so-called "clean code" – code that is readable and maintainable – while contributing to open source projects.</p>
+
+<p>🔵 Third, you get the chance to be part of an active open source community where you can meet like-minded people and supporters. Moreover, if you're a freelancer and actively contribute to open source projects, you increase your chances of being noticed by potential employers.</p>
+
+<h2>How to Participate ?</h2> 
+
+<p>You can find many projects, you are free to participate on GitHub – a developer-oriented platform with a simple but essential set of functionality. You can contribute to free software in many ways. Developers can fork projects, make changes to code, and send pull requests. And quality assurance is always appreciated. Sometimes developers are too busy or too lazy to check the quality of their code. So go ahead and report a bug or try to fix it – your help is appreciated.</p>
+
+<h3>Resources to Learn about Opensource : </h3>
+
+<p>🔵  <a href="https://www.dataschool.io/how-to-contribute-on-github/">How to Contribute on Github</a></p>
+<p>🔵  <a href="https://www.digitalocean.com/community/tutorial_series/an-introduction-to-open-source">Introduction to Opensource</a></p>
+
+<div class="ml-7"><h2><i class="fas fa-code mr-2"></i>Happy Coding<i class="fas fa-code ml-2"></i></h2> </div>

updates/index.html

@@ -10,7 +10,7 @@ <h1><strong>Updates from PyContributors</strong></h1>
 
 <div class="row mb-5">
   <div class="col-md-7">
-    <div class="bg-white text-dark text-center bdrRadius">
+    <div class="bg-white text-dark text-center bdrRadius shadow-lg">
       <h2 class="bg-dark p-2 text-white txet-center">Open-Source Contribution</h2>
 		<div class="card-body">
 		<p class="p-1">Hacktoberfest is a monthlong celebration of open source software brought to you by DigitalOcean, Intel, and DEV.
@@ -24,7 +24,7 @@ <h2 class="bg-dark p-2 text-white txet-center">Open-Source Contribution</h2>
   </div>
 
   <div class="col-md-5">    
-    <div class="text-center bdrRadius">
+    <div class="text-center bdrRadius shadow-lg">
       <div class="card-header bg-dark text-white p-2">
        <h3 class="mb-0">Notifications</h3> 
       </div>