Skip to content
Snippets Groups Projects
Commit 4f83decb authored by Abdul rahman's avatar Abdul rahman
Browse files

assignment 2 medium finished

parent 71c407ed
Branches master
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
index.css deleted 100644 → 0
+ 0
− 11
View file @ 71c407ed
.full-page{
background-color:rgb(90,90,90);
padding: 20px;
}
form{
background-color:rgb(255,255,255);
padding : 100px;
margin-top: 100px;
margin-left: 50px;
margin-right: 400px;
}
\ No newline at end of file
index.php
+ 40
− 28
View file @ 4f83decb
......@@ -12,39 +12,51 @@
<!-- boostrap core css link -->
<link href="/assignment2/assets/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="index.css" rel="stylesheet">
<link href="links1.css" rel="stylesheet">
</head>
<body>
<div class="full-page">
<p> welcome to login page </p>
<span class="form-signin">
<form>
<img class="mb-4" src="/docs/5.1/assets/brand/bootstrap-logo.svg" alt="" width="72" height="57">
<h1 class="h3 mb-3 fw-normal">Please sign in</h1>
<div class="body-div">
<div class="form-signin " style="background-color:white; border-bottom-left-radius: 50px;border-top-left-radius: 50px">
<div class="form-layer">
<form>
<strong><h5 style="text-align:center; padding-top:30px;">Welcome to <span style="color:rgb(0, 147, 255);">Argentia</span> National team</h5></strong>
<div style="text-align:center;">
<br><h6 style="font-size:15px;">Please enter your details to visit <span style="color:rgb(0, 147, 255)">AFA</span>!</h6>
</div><br>
<div class="form-floating">
<input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
<label for="floatingInput">Email address</label>
</div><br>
<div class="form-floating">
<input type="password" class="form-control" id="floatingPassword" placeholder="Password">
<label for="floatingPassword">Password</label>
</div><br>
<div class="checkbox mb-3">
<label>
<input type="checkbox" value="remember-me" > Remember me
</label>
<span style="color:rgb(0, 147, 255); float: right;">Reset Password?</span>
</div>
<button class="w-100 btn btn-lg btn-primary" style="border-radius:15px" type="submit">Sign in</button>
<br><br><br><p style="text-align:center;"> Or continue with</p><br>
<div class="row">
<div class="column"><img src="https://inkbotdesign.com/wp-content/uploads/2012/09/Apple-Logo-Design.png" style="border-radius: 50px; margin-left:-10%;" width="60" height="40"></div>
<div class="column"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ6LmUY36RhxtkgPLDcAwUa6dCKXCd8yK_YOmopwTGzdP0QSLbgcxpWC4oKxW7gacS4Nko&usqp=CAU" style="border-radius: 50px;" width="40" height="40"></div>
<div class="column"><img src="data:image/png;base64,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" style="border-radius: 200px; padding-top:8%; padding-bottom:-5%;" width="50" height="40"></div>
</div>
<div>
<br><br><p style="text-align: center; font-size:15px">Don't have account? <span style="color: rgb(0, 147, 255); " >Sign up</span> for free.</p>
</div>
</form>
<div class="form-floating">
<input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
<label for="floatingInput">Email address</label>
</div>
<div class="form-floating">
<input type="password" class="form-control" id="floatingPassword" placeholder="Password">
<label for="floatingPassword">Password</label>
</div>
<div class="checkbox mb-3">
<label>
<input type="checkbox" value="remember-me"> Remember me
</label>
</div>
<button class="w-100 btn btn-lg btn-primary" type="submit">Sign in</button>
<p class="mt-5 mb-3 text-muted">© 2017–2021</p>
</form>
</span>
<!--Manchester Image -->
<span>
<img src="https://news.cgtn.com/news/2021-04-18/Messi-fires-Barca-to-Copa-del-Rey-win-Chelsea-reach-FA-Cup-final-Zyu97Fp0o8/img/77bb6bc9895540a0b397d94fbba69077/77bb6bc9895540a0b397d94fbba69077.png" alt="fc barcelona" width=50% height=100% style="border-radius:50px; margin-left:100px;">
</span>
</div>
<!--Fc barcelona Image -->
<div class="form-signin">
<img src="https://media.gettyimages.com/photos/july-2021-brazil-rio-de-janeiro-football-copa-america-final-argentina-picture-id1233915011?k=20&m=1233915011&s=612x612&w=0&h=PrjVikYHdXSLAH_-e1dTDNGegKwOkRAsyU0R0XxeTMo=" alt="fc barcelona" width=100% height=100% style="border-top-right-radius: 50px; border-bottom-right-radius: 50px; background-color:white;">
</div>
</div>
</div>
<!-- boostrap js link -->
......
links1.css 0 → 100644
+ 51
− 0
View file @ 4f83decb
.full-page{
background-color:white;
padding-right : 150px;
padding-top: 100px;
padding-left: 150px;
}
.body-div{
margin-bottom: 200px;
padding:80px;
display: inline-flex;
background-color:rgb(0, 147, 255);
border-radius: 10px;
margin-left:7%;
}
.form-signin{
background-color:rgb(0, 147, 255);
width:50%;
}
form{
background-color:white;
padding-bottom:100px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px
}
.form-signin input[type="email"]{
margin-top:0px;
}
.form-layer{
margin:120px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
}
.column{
width:30%;
padding:5px;
padding-left: 8%;;
border:1px solid rgb(180, 180, 180);
border-radius:20px;
margin:5px;
}
.row{
float:inline-flex;
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment