Post
Ask Question
Abdalla Elawad

Abdalla Elawad

  • NA
  • 1k
  • 216.6k

How to change Align Bottun from Right and Justify

Nov 19 2016 2:30 AM
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<meta charset="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>AbuSarhad Gropu(APSG)</title>
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="css/custom.css" rel="stylesheet" type="text/css" />
<link rel="Shortcut Icon" href="images/favicon.ico" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"
rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css" />
<style type="text/css">
.style1
{
width: 62px;
height: 49px;
}
.style3
{
color: #0000FF;
}
.style4
{
color: #000000;
font-family: Calibri;
}
.style5
{
font-size: x-large;
font-family: "Traditional Arabic";
}
.style6
{
font-size: x-large;
font-family: "Traditional Arabic";
color: #0000FF;
}
.style7
{
width: 357px;
height: 166px;
}
.style8
{
width: 162px;
height: 132px;
}
.style9
{
width: 356px;
height: 167px;
}
.style10
{
color: #FFFFFF;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div class="container">
<div id="logo">
<span class="style5">?????? ??????? ???????</span>
<img alt="" class="style1" longdesc="http://localhost:2427/images/APSG.jpg"
src="images/APSG.jpg" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<asp:HyperLink ID="HyperLink1" runat="server" CssClass="style4"
NavigateUrl="~/EnglishPage.aspx">English</asp:HyperLink>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<asp:HyperLink ID="HyperLink2" runat="server" CssClass="style4"
NavigateUrl="~/Default.aspx">????</asp:HyperLink>
</div>
</div>
<!-- Navigation -->
<nav class="navbar navbar-default" role="navigation">
<div class="container" style="font-family: Calibri; font-size: large">
<div class="navbar-header" dir="rtl" align="right"
style="font-family: Calibri; color: #FF0000">
</div>
<div class="collapse navbar-collapse" id="myNav" dir="rtl">
<ul class="nav navbar-nav">
<%--<li class="active"><a href="#">Home</a></li>--%>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="style10">????? ?????????</span> <span class="caret"></span></a>
<ul class="dropdown-menu">
<li class="active"><a href="#">??? ????? ????????? ???????</a></li>
li><a href="#">????? ?? ????? ??????</a></li>
<li><a href="#">????? ?? ????? ????????</a></li>
<li><a href="#">????? ?? ????? ???????? ??????</a></li>
<li><a href="#">????? ?? ????? ?? ???? ??????</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="style10">???????? ???????? / ????????</span> <span class="caret"></span></a>
<ul class="dropdown-menu">
<li class="active"><a href="#">???????? ????????</a></li>
li><a href="#"> ???????? ?????? ??????</a></li>
<li><a href="#">????? ?? ?? ????????</a></li>
<li><a href="#">????? ?? ???????? ????????</a></li>
<li><a href="#">????? ?? ???????? ?????????</a></li>
<li><a href="#">????? ?? ???????? ????????</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="style10">???????? / ????????</span> <span class="caret"></span></a>
<ul class="dropdown-menu">
<li class="active"><a href="WebForm3.aspx">????????</a></li>
<li><a href="#">????? ????????</a></li>
<li><a href="#">????? ????????</a></li>
<li><a href="#">????? ????????? ??????</a></li>
<li><a href="#">????? ????????</a></li>
</ul>
<li><a href="#"><span class="style10">????? ????? ?????????</span></a></li>
<li><a href="#"><span class="style10">??????? ???</span></a></li>
<li class="dropdown">
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="loginform.aspx" class="btn-link" class="btn-link" data-toggle="" data-target=""><span class=""></span> Log Out</a></li>
</ul>
</div>
</div>
</nav>
<!-- Modal -->
<div id="myModal" class="modal fade in" role="dialog">
<div class="modal-dialog">
<!-- Modal Content -->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">
&times</button>
<h4 class="modal-title">
Sign-In</h4>
</div>
<div class="modal-body">
<div role="form">
<div class="form-group">
<asp:Label ID="Label1" runat="server" Text="UserName"></asp:Label>
<asp:TextBox ID="txtUsername" runat="server" CssClass="form-control"></asp:TextBox>
</div>
<div class="form-group">
<asp:Label ID="Label2" runat="server" Text="Password"></asp:Label>
<asp:TextBox ID="txtPassword" runat="server" TextMode="Password" CssClass="form-control"></asp:TextBox>
</div>
<hr class="divider">
<div class="form-group">
<div class="row">
<div class="col-sm-6">
<asp:CheckBox ID="chkRemberme" runat="server" Text="Remember Me" CssClass="checkbox-inline" />
|
<asp:LinkButton ID="LinkButton1" runat="server" CssClass="text-primary">Forgot Password ?</asp:LinkButton>
</div>
<div class="col-sm-6">
<span class="pull-right">
<asp:Button ID="btnSumbit" CssClass="btn btn-success" runat="server" Text="Submit" /></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Landing Page -->
<!-- Start Our Services -->
<div id="our-services">
<div class="container padding-top padding-bottom">
<div class="row section-title text-center">
</div>
</div>
</div>
<!-- /# Our Services -->
<!-- Slider -->
<div class="container padding-bottom">
<div class="text-center our-clients">
<ul class="style3">
<li>Cash Service</li>
<li>Facilities</li>
<li>Guarding Company</li>
</ul>
&nbsp;<br />
<img alt="" class="style7" src="images/Vehicle.jpg" /><img alt=""
class="style8" src="images/GMC.jpg" /><img alt="" class="style9"
src="images/Vehicle2.jpg" /><br />
<img src="images/APSG.jpg" style="height: 181px; width: 200px" />
<br />
<br />
&nbsp;<span class="style6">?????? ????? ??????? ??????? / ???
?????????????????????????????</span></div>
<!--/our-clients -->
</div>
<!-- footer -->
<footer id="footer">
<!-- footer-widget-wrapper -->
<div class="footer-widget-wrapper">
<div class="container">
<div class="row">
<!-- footer-widget -->
<div class="col-md-3 col-sm-6">
<div class="footer-widget text-widget">
<a href="" class="footer-logo"> <img src="images/APSG.jpg" class="img-responsive" /></a>
<br />
<ul class="social list-inline">
<li><a href="#"><i class="fa fa-twitter"></i></a>twitter<p>@himiedabi/apsg</p></li>
<li><a href="http://www.facebook.com"><i class="fa fa-facebook"></i></a>facebook <p>himiedabi/face</p></li>
</ul>
</div>
</div><!-- footer-widget -->
<!-- footer-widget -->
<div class="col-md-3 col-sm-6">
<div class="footer-widget contact-widget">
<h1><span>Contact</span> Info</h1>
<p><i class=""></i><strong>Address: </strong>Jeddah Head Office <br />Prince Ameer Sultan<b></b> <br>YP. HYD BANGLORE</p>
<p><i class="fa fa-phone"></i><strong>Phone: 0126145200</strong></p>
<p><i class="fa fa-envelope"></i><strong>E-mail: <a href="mailto:[email protected]">[email protected]</a></strong></p>
</div>
</div><!-- footer-widget -->
<!-- footer-widget -->
<!-- footer-widget -->
<!-- footer-widget -->
<!-- footer-widget -->
</div>
</div>
</div><!-- footer-widget-wrapper -->
<!-- footer-bottom -->
<div class="footer-bottom">
</div><!-- footer-bottom -->
</footer>
<!--/#footer-->
<!-- Script -->
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/bootstrap.js" type="text/javascript"></script>
</form>
</body>
</html>

Answers (1)