Web Developerdesigner

刊登在 Iran - 社交娛樂 - 03 May 2020 13:05 - 0

<!DOCTYPE html>
<html lang="en">
  <head>
 
    <title>BootStraptitle>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
    src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">script>
    src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js">script>
    src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js">script>
    <!-- Bootstrap -->
    <link href="css/bootstrap-4.3.1.css" rel="stylesheet">
    <link href="css/css" rel="stylesheet">
    <style>
        body{
            margin-top: 5px;
        }
     
      style>
  head>
  <body>
 
    <div cl="container">
        <button type="button" cl="btn btn-primary">Loginbutton>
        <button type="button" cl="btn btn-success">Registerbutton>
        <button type="button" cl="btn btn-warning" style="font-size:18px">Button<i cl="fab fa-amazon-pay">i>button>
    div><br>
    <div cl="container">
         <div cl="btn-group btn-group-lg" style="width:100%">
            <button type="button" cl="btn btn-primary">HTMLbutton>
            <button type="button" cl="btn btn-primary">CSSbutton>
            <button type="button" cl="btn btn-primary">JAVASCRIPTbutton>
            <button type="button" cl="btn btn-primary">BOOTSTRAPbutton>
            <button type="button" cl="btn btn-primary">PHPbutton>
            <button type="button" cl="btn btn-primary">JQUERYbutton>
        div>
    div>
      <div cl="container" >
           <div cl="row" >
             <div cl="d-flex flex-row " style="float: right;direction: rtl;">
                <div cl="p-2 bg-info" style="width:20%;margin-right: 10px;">Flex item 1div>
                <div cl="p-2 bg-warning" style="width:20%">Flex item 2div>
           <div cl="col-md-7" style="float: left;">
              <video style="width:100%;height: 400px;" controls>
                  <source src="Video/JQUERY/01.mp4" type="video/mp4">
              video>
            div>
            div>
      div>
      div>       
    <div cl="container" style="margin-top: 20px;">
        <div cl="row">
            <div cl="col-md-4">
                  <div cl="card" style="width:380px">
                       <img cl="card-img-top" src="images/html5.png"
                         alt="Card image" style="width:100%"/>
                    <div cl="card-body">
                      <h4 cl="card-title">John Doeh4>
                      <p cl="card-text">Some example text some example text. John Doe is an architect and engineerp>
                      <a href="#" cl="btn btn-primary">See Profilea>
                    div>
                  div>
            div>
            <div cl="col-md-4">
                  <div cl="card" style="width:380px">
                       <img cl="card-img-top" src="images/html5.png"
                         alt="Card image" style="width:100%"/>
                    <div cl="card-body">
                      <h4 cl="card-title">John Doeh4>
                      <p cl="card-text">Some example text some example text. John Doe is an architect and engineerp>
                      <a href="#" cl="btn btn-primary">See Profilea>
                    div>
                  div>
            div>
            <div cl="col-md-4">
                  <div cl="card" style="width:380px">
                       <img cl="card-img-top" src="images/html5.png"
                         alt="Card image" style="width:100%"/>
                    <div cl="card-body">
                      <h4 cl="card-title">John Doeh4>
                      <p cl="card-text">Some example text some example text. John Doe is an architect and engineerp>
                      <a href="#" cl="btn btn-primary">See Profilea>
                    div>
                  div>
            div>
        div>
      div>
 

  body>
   <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    src="js/jquery-3.3.1.min.js">script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    src="js/popper.min.js">script>
    src="js/bootstrap-4.3.1.js">script>
html>

贊助

HarleyQuinnmrarizonaamir2002Thomas GreenThomas Green

評論 (0)