Skip to content
This repository has been archived by the owner on Sep 30, 2021. It is now read-only.

Portfolio #3017

Open
Hasan42726254 opened this issue Aug 5, 2021 · 0 comments
Open

Portfolio #3017

Hasan42726254 opened this issue Aug 5, 2021 · 0 comments

Comments

@Hasan42726254
Copy link

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="hasan4272ali@gmail.com">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-->
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@Hasan42726254