Published in Iran - Social interactions and entertainment - 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>
Support
HarleyQuinnmrarizonaamir2002Thomas GreenThomas GreenComments (0)