Skip to content

Commit

Permalink
Merge pull request #13 from TheInvincibleLearner/mainpage
Browse files Browse the repository at this point in the history 
Updated The Main.html page according to the #12 issues.
  • Loading branch information
@simranquirky
simranquirky authored Oct 4, 2021
2 parents 7bdfc1c + 43e50b8 commit e9c2593
Show file tree
Hide file tree
Showing 6 changed files with 101 additions and 57 deletions.
2 changes: 1 addition & 1 deletion README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ HADOOP, GIT, ANSIBLE, KUBERNETES, DOCKER, JENKINS, AWS, AZURE, GCP, LOGICAL VOLU

The Home Page Of The Website !!!<br>

![homepage](https://user-images.githubusercontent.com/77530270/135763120-10034f6f-7d55-4d08-90ca-9a0638c9a8aa.png)
![homepage](https://user-images.githubusercontent.com/77530270/135854107-ac9cb856-3ab3-4e9c-8b31-245ee17230ba.jpg)

TO UNDERSTAND THE PROJECT BETTER REFER [THIS PAGE](https://simranquirky.github.io/main.html)

Expand Down
Binary file added images/mulone.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/user2.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/user3.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
110 changes: 63 additions & 47 deletions main.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous" />
<title>MULONE</title>

<head>
Expand All @@ -24,53 +26,67 @@ <h1 class="h1" text-align="center">WELCOME TO <span>MULONE!</span></h1>
</div>

<div class="box">
<div class="heading">
<h2> START WORKING WITH : </h2>
<div class="headers">
<h2> START WORKING WITH: </h2>
</div>
</div>
</section>

<section>
<div class="main1">
<form action="docker.html">
<input class="btn" type="submit" value="Docker">
</form>
<form action="hadoop.html">
<input class="btn" type="submit" value="Hadoop">
</form>
<form action="aws.html">
<input class="btn" type="submit" value="AWS">
</form>
<form action="error.html">
<input class="btn" type="submit" value="Ansible">
</form>
<form action="lvm.html">
<input class="btn" type="submit" value="LVM">
</form>
<form action="linux.html">
<input class="btn" type="submit" value="Linux">
</form>
<form action="kubernetes/kubernetes/index.html">
<input class="btn" type="submit" value="Kubernetes">
</form>
<form action="error.html">
<input class="btn" type="submit" value="Openshift">
</form>
<form action="error.html">
<input class="btn" type="submit" value="Jenkins">
</form>
<form action="error.html">
<input class="btn" type="submit" value="Terraform">
</form>
<form action="error.html">
<input class="btn" type="submit" value="Git/Github">
</form>
<form action="error.html">
<input class="btn" type="submit" value="Machine Learning">
</form>
</div>

<div class="container-fluid">
<div class="row">
<div class="col-md col-example">
<form action="docker.html">
<input class="btn" type="submit" value="Docker">
</form>
<form action="hadoop.html">
<input class="btn" type="submit" value="Hadoop">
</form>
<form action="aws.html">
<input class="btn" type="submit" value="AWS">
</form>
</div>
<div class="col-md col-example">
<form action="error.html">
<input class="btn" type="submit" value="Ansible">
</form>
<form action="lvm.html">
<input class="btn" type="submit" value="LVM">
</form>
<form action="linux.html">
<input class="btn" type="submit" value="Linux">
</form>

</div>
<div class="col-md col-example">
<form action="kubernetes/kubernetes/index.html">
<input class="btn" type="submit" value="Kubernetes">
</form>
<form action="error.html">
<input class="btn" type="submit" value="Openshift">
</form>
<form action="error.html">
<input class="btn" type="submit" value="Jenkins">
</form>
</div>
<div class="col-md col-example">
<form action="error.html">
<input class="btn" type="submit" value="Terraform">
</form>
<form action="error.html">
<input class="btn" type="submit" value="Git/Github">
</form>
<form action="error.html">
<input class="btn" type="submit" value="Machine Learning">
</form>
</div>
</div>
</div>

</section>


<div class="section">
<div class="container">
<div class="content-section">
Expand Down Expand Up @@ -120,15 +136,15 @@ <h3>Simran Kumari<br><span>Project Head</span></h3>
<a href="#"><i class="fab fa-instagram"></i></a>
</li>
<li style="--i:1">
<a href="#"><i class="fab fa-github"></i></i></a>
<a href="https://github.com/simranquirky"><i class="fab fa-github"></i></i></a>
</li>
</ul>
</div>
<div class="card">
<div class="content">
<div class="imgBx"><img src="images/user1.jpg"></div>
<div class="imgBx"><img src="images/user2.jpg"></div>
<div class="contentBx">
<h3>Simran Kumari<br><span>Contributer</span></h3>
<h3>Aritro Ghosh<br><span>Contributer</span></h3>
</div>
</div>
<ul class="sci">
Expand All @@ -139,15 +155,15 @@ <h3>Simran Kumari<br><span>Contributer</span></h3>
<a href="#"><i class="fab fa-instagram"></i></a>
</li>
<li style="--i:1">
<a href="#"><i class="fab fa-github"></i></i></a>
<a href="https://github.com/TheInvincibleLearner"><i class="fab fa-github"></i></i></a>
</li>
</ul>
</div>
<div class="card">
<div class="content">
<div class="imgBx"><img src="images/user1.jpg"></div>
<div class="imgBx"><img src="images/user3.jpg"></div>
<div class="contentBx">
<h3>Simran Kumari<br><span>Contributer</span></h3>
<h3>Ashish Kumar<br><span>Contributer</span></h3>
</div>
</div>
<ul class="sci">
Expand All @@ -158,7 +174,7 @@ <h3>Simran Kumari<br><span>Contributer</span></h3>
<a href="#"><i class="fab fa-instagram"></i></a>
</li>
<li style="--i:1">
<a href="#"><i class="fab fa-github"></i></i></a>
<a href="https://github.com/ashishworkspace"><i class="fab fa-github"></i></i></a>
</li>
</ul>
</div>
Expand Down
46 changes: 37 additions & 9 deletions main_style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,8 @@
section{
display: block;
overflow: hidden;
margin: 0px;
padding: 0px;
}

.header {
Expand All @@ -32,11 +34,11 @@ section{
h1{
position: relative;
font-family: 'RacingSansOne',sans-serif;
font-size:48px;
font-size:50px;
font-weight: 600;
color:#fff;
align-content: center;
padding: 10px;
padding: 30px;
margin: 0%;
text-align: center;
}
Expand All @@ -48,10 +50,21 @@ h1 span{
h2{

font-family: 'RacingSansOne',sans-serif;
font-size: 30px;
font-size: 40px;
font-weight: 600;
color:#fff;
align-content: center;
padding:30px;
}

form{
margin: 0px;
padding: 0px;
display: flex;
overflow: hidden;
text-align: center;
align-content: center;
justify-content: center;
}

#main {
Expand All @@ -63,7 +76,12 @@ h2{
font-size: 18px;
width: 100%;
border-bottom: 1px solid white;
}

.headers{
text-align: center;
width: 100%;
padding-top: 150px;
}

.btn {
Expand All @@ -75,21 +93,31 @@ h2{
cursor: pointer;
float:left;
padding: 10px 5px;
font-size: 20px;
min-width: 150px;
margin-right: 25px;
font-size: 30px;
min-width: 200px;
margin-bottom: 20px;
border: 2px solid white;
box-shadow: 0 10px 25px rgba(0, 0, 0, .2);
border-radius: 10px;
overflow: hidden;

}

.main1{
.btn:hover{
background:#02c0fa;
border:2px solid #017fb5;
}

.container-fluid{
display: block;
overflow: hidden;
padding-left: 10%;
border-bottom: 1px solid white;
padding-bottom: 100px;
padding-left: 100px;
padding-right: 100px;
margin: 0px;
text-align: center;
align-content: center;
justify-content: center
}


Expand Down

0 comments on commit e9c2593

Please sign in to comment.