This repository was archived by the owner on Sep 30, 2021. It is now read-only.
This repository was archived by the owner on Sep 30, 2021. It is now read-only.
Portfolio #3017
Description
FastHub Version: 4.7.3
Android Version: 8.1.0 (SDK: 27)
Device Information:
- Manufacturer: samsung
- Brand: samsung
- Model: SM-A260G
<title>My protfolio</title> <style type="text/css">
/*madia quairy*/
@media only screen and (max-width: 600px){
body{background-color: white;}
h1{font-size: 15px;}
.ih h4{
font-size: 20px;
color: white;
}
.itm p{
font-size:10px;
}
. po .se{
float:left;
}
#footer{
height:500px;
}
.manu marquee{
font-size: 20px;
}
.manu .ih img {height: 50px; width: 50px;}
.spac .itm img{height: 50px; width: 50px;
}
#About{ height :300px;
}
.spac{
height: 2500px;
}
#Experience{
height: 2000px;
}
.spac .se { height: 120px;
width: 90px;}
.se {
height:130px;
width:70px;
}
.se img {
height:100px;
width: 70px;
}
.fitm img{
height:50px;
width: 50px;
}
#footer .itm address{
font-size: 10px;
}
}
/*body*/
body{background-image:url(image/ih.png);
padding: 0px;
margin: 0px;
}
.icon ul li{
list-style: none;
margin: 12px;
}
.icon{
right: 25px;
bottom: 25px;
position:fixed;
}
.icon ul li a:hover{
color: red;
}
#header{
background-image: url(image/bg4.png);
height:200px;
width: 100%;
position: fixed;
margin: 0px;
padding: 0px;
}
.manu{
display: block;
float: left;
height: 180px;
width: 50%;
}
.manu img{
border: 2px solid white;
border-radius:50%;
}
.manu ul li{
list-style: none;
float: left;
display: block;
margin-left: 20px;
}
.manu ul li a {
color: white;
text-decoration:none;
}
.manu ul li a:hover {
background-color: white;
color: black;
font-size: 25px
}
.manu .ih {
float:left;
}
.manu marquee{
font-size:50px;
color:aqua;
margin-top: 50px;
}
h1{
background-color: #20b2aa;
border-top-right-radius:20px;
height: 40px;
width: 250px;
margin-left: 20px;
}
.data{
padding-top: 250px;
margin: 0px;
}
.point{
height: 25px;
width: 25px;
background-color:navy;
}
.itm{
height:250px;
width: 49%;
padding: 0px;
margin:0px;
float:left;
}
.data .itm img{
border:5px solid red;
border-radius:50%;
}
#about{
height: 700px;
width:100%;
}
.spac{
padding-top: 200px;
}
#Education{
height:700px;
width: 100%;
margin-top:15px;
}
#Experience{
height:700px;
width: 100%;
margin-top:15px;
}
#my_skkil{
height:700px;
width: 100%;
margin-top:15px;}
.bg{
padding-top:15px;
}
#my_skkil .r .line{ background-color: silver;
height:10px
width:100%;
color: yellow;
}
.r{
padding-top:25px;
}
.html {
background-color:red;
height:25px;
width: 95%;
}
.css{
background-color:red;
height:25px;
width: 90%;
}
.js{
background-color:red;
height:25px;
width: 80%;
}
.bootstrap{
background-color:red;
height: 25px;
width: 75%;
}
#Servies{
height:750px;
width: 100%;
margin-top:15px;
}
.po{
margin: 0px;
padding: 00px;
height: 260px;
width: 100%;
float: bottom;
}
.se{
float: left;
background-color: aqua;
height: 260px;
width: 160px;
margin: 25px;
padding: 25px;
}
.title{
margin: 0px;
padding: 0px;
color: white;
font-size:20px;
}
#footer{
background-color: indigo;
height:250px;
width: 100%;
margin-top:250px;
border-radius:30px 0px 30px 0px;
}
#footer .fitm img{
border: 2px solid orange;
border-radius:50%;
}
#footer .fitm{
height: 220px;
width: 30%;
float: left;
padding-bottom: 15px;
}
#footer .fitm address{
font-size: 20px;
color: white;
padding-top: 15px;
}
#footer .fitm a{
text-align: center;
text-decoration:none;
color:white;
}
#footer .fitm ul li {
list-style: none;
padding-top: 12px;
text-align: center;
}
p{
font-size: 20px;
color:yellow;
}h2{
color:#00fa9a;
font-size: 30px;
}
h4{
color: navy;
font-size:30px;
margin:0px;
padding: 0px;
}
h3{
color:aqua;
font-size: 20px;
}
h1{
color:white;
}
</style>
<!--start icon-->
<div id="icons">
<div class="icon">
<ul>
<li><a href="call:01855263979"><img src="image/call.png" height="25px" width="25px"></a></li>
<li><a href="https://web.facebook.com/smm.hasanali?comment_id=Y29tbWVudDoyNTE1NzcxMDU1MzU2OTJfMzY4NjQ0MDE3MTYyMzMz&_rdc=1&_rdr"><img src="image/facebook-logo.png" height="25px" width="25px"></a></li>
<li><a href="https://youtube.com/muslim bisso.tv"><img src="image/youtube.png" height="25px" width="25px"></a></li>
<li><a href="https://www.linkedin.com/md hasan ali"><img src="image/linkedin.png" height="25px" width="25px"></a></li>
<li><a href="https://www.twitter.com/Human Servies hasan"><img src="image/twitter.png" height="25px" width="25px"></a></li>
</ul>
</div>
</div>
<!--end icon-->
<!--start header-->
<div id="header">
<div class="manu">
<div class="ih">
<img src="image/ali.png" height="200px" width="200px"></div>
<div class="ih"> <h3> Hi my name is </h3>
<h1>MD: HASAN ALi</h1>
<h4>I'm web desiner and devloper</h4>
</div>
</div>
<div class="manu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#footer">Contack us</a></li>
<li><a href="#about">About us</a></li>
<li><a href="#my_skkil">Skill</a></li>
<li><a href="#Education">Education</a></li>
<li><a href="#Servies">Servies</a></li>
<li><a href="#Experience">Experience</a></li>
</ul>
<marquee> Welcome to my web site.</marquee>
</div>
</div>
<!--end header-->
<!--start body-->
<section class="data">
<div id="about">
<div class="spac">
<div class="point"></div>
<h1>About us</h1>
<div class="itm"><img src="image/ali2.png" height="250px;" width="250px">
</div>
<div class="itm">
<p>My name is MD: HASAN ALi. I'm frontend web desainer. I have been working for the last two years. Now I will start with devlopment. I use html, css, js, php and bootstrap in desaining. I'm 22 years old. I live in Bogura,Rajshahi,Bangladesh. I try too do everything myself.I am currently working with Serve human fouundatioon, a reputed organization in Bangladesh</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div id="Education">
<div class="spac">
<div class="point"></div>
<div class="itm">
<h1>Education</h1>
<img src="image/ali3.png" height="250px;" width="250px">
</div>
<div class="itm">
<h2>Bachelor of Business Adminstration(accounting).</h2>
<p>Kaloo Govt. college, Bogura</p>
<h2>Web desain and development</h2>
<p>Serve Human Foundation</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div id="Experience">
<div class="spac">
<div class="point"></div>
<h1>My Experience</h1>
<div class="itm">
<img src="image/ali5.png" height="250px" width="250px">
</div>
<div class="itm">
<p> My name is MD: HASAN ALi. I'm frontend web desainer. I have been working for the last two years. Now I will start with devlopment. I use html, css, js, php and bootstrap in desaining. I'm 22 years old. I live in Bogura,Rajshahi,Bangladesh. I try too do everything myself.I am currently working with Serve human fouundatioon, a reputed organization in Bangladesh. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div id="my_skkil">
<div class="spac">
<div class="point"></div>
<h1>My skill</h1>
<div class="r">
<div class="line">
<h3 class="html">HTML 95%</h3>
</div>
<div class="line">
<h3 class="css">CSS 90%</h3>
</div>
<div class="line">
<h3 class="js">Js 80%</h3>
</div>
<div class="line">
<h3 class="bootstrap">Bootstrap 75%</h3>
</div>
</div>
<div class="itm">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div id="Servies">
<div class="spac">
<div class="point"></div>
<h1>My Servies</h1>
<div class="po">
<div class="se">
<img src="image/helth.png" height="250px" width="180px">
<h4 class="title">Helth web</h4>
</div>
<div class="se">
<img src="image/e-comarce.png" height="250px" width="180px">
<h4 class="title">E-comarce web</h4>
</div>
<div class="se">
<img src="image/business.png" height="250px" width="180px">
<h4 class="title">Business web</h4>
</div>
<div class="se">
<img src="image/bbc.png" height="250px" width="180px">
<h4 class="title">News web</h4>
</div>
<div class="se">
<img src="image/social.png" height="250px" width="180px">
<h4 class="title">Social media web</h4>
</div>
</div>
<div class="itm">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
</div>
</div>
</div>
</section>
<!--end body-->
<!--start footer-->
<section id="footer">
<div class="fitm">
<img src="image/ali5.png" height="160px" width="160px">
</div>
<div class="fitm">
<h1> Md. Hasan Ali</h1>
<address>Address:Bogura, Rajshahi, Bangladesh.</address>
<address>Office:Shabrul bazar shahanpur bogura. </address>
<address>Mobaile:01855263979</address>
<a href="[email protected]">G-mail</a>
</div>
<div class="fitm">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#footer">Contack us</a></li>
<li><a href="#about">About us</a></li>
<li><a href="#my_skkil">Skill</a></li>
<li><a href="#Education">Education</a></li>
<li><a href="#Servies">Servies</a></li>
</ul>
</div>
</section>
<!--end footer-->