Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- page01.html -->
- <html>
- <head>
- title Bootstrap 1/title
- <!-- paste here bootstrap cdn -->
- </head>
- <body>
- <h1>Ramadan Kareem </h1>
- <hr color="red">
- <p>Today is a first day of the holy month of Ramadan.</p>
- </body>
- </html>
- ============================
- <!-- page02.html -->
- <html>
- <head>
- <link from cnn>
- </head>
- <body>
- <h1>Bootstrap Grid</h1>
- <hr color=red>
- <div class="container">
- <div class="row">
- <div class="col-3 bg-primary text-warning">hi</div>
- <div class="col-6 bg-success">hello</div>
- <div class="col-3 bg-danger">bye</div>
- </div>
- <div class="row">
- <div class="col-6 bg-warning text-white">
- This is only one columns with size 12<BR>hello
- </div>
- <div class="col-6 bg-info text-white">
- This is only one columns with size 12<BR>hello
- </div>
- </div>
- </div>
- </body></html>
- =====================
- <html<head>
- <link from cnn>
- </head>
- <body>
- <h1>Bootstrap Grid</h1>
- <hr color=red><body>
- <div class="container">
- <div class="row">
- <div class="col"><!-- 1 --
- <img src="k1.jpg" width=240>
- </div>
- <div class="col"><!-- 2 -->
- <img src="k2.jpg" width=240>
- </div>
- <div class="col"><!-- 3 -->
- <h2 align="center">Welcome to Salalah</h2>
- <hr color="red">
- <p align="justify">This is our paragraph. This is our paragraph.</p>
- </div>
- /div><!-- row 1 close -->
- <div class="row"><!-- row 2 start -->
- <div class="col span-6"><!-- 1 -->
- <h3>Khareef Season</h3>
- <hr color="blue">
- <p align="justify">
- Khareef is a monsoon season of Salalah city of Dhofar Governorate. Khareef is a coles from as Salalah depend upon the khareef for water supply.</p>
- </div>
- <div class="col span-6">
- hello this is another column
- hello this is another columnhello this is another columnhello this is another columnhello this is another columnhello this is another columnhello this is another columnhello this is another column
- </div>
- </div>
- <!--BR><BR>
- <div class="container">
- <div class="row">
- <div class="col-sm-6 col-md-4 bg-primary text-white">hi</div>
- <div class="col-sm-6 col-md-4 bg-danger text-white">hello</div>
- <div class="col-sm-6 col-md-4 bg-dark text-white">bye</div>
- </div>
- </div->-
- </body></html>
- ======================
- <!-- page02.html -->
- <html<head>
- <link from cnn>
- </head>
- <body>
- <h1>Bootstrap Heading</h1>
- <h2>Bootstrap Heading</h2>
- <h3>Bootstrap Heading</h3>
- <h4>Bootstrap Heading</h4>
- <h5>Bootstrap Heading</h5>
- <h6>Bootstrap Heading</h6>
- <br>
- <p>
- <mark>This</mark> <abbr>is my</abbr> <small>paragraph</small>. This is my paragraph. This is my <big>paragraph</big>. This is my paragraph. This is my paragraph. This is my paragraph. This is my paragraph. This is my paragraph. This is my paragraph.
- <br>
- <blockquote>Pagragraph end here</blockquote>
- </p>
- </body</html
- ------
- <!-- page05.html -->
- <html<head>
- <link from cnn>
- </head>
- <body>
- <h1>Contextual Colors</h1
- <p class="text-muted">This text is muted</p>
- <p class="bg-primary">This text is primary</p>
- <p class="bg-success">This text is success</p>
- <p class="bg-info">This text is info</p>
- <p class="bg-warning">This text is warning</p>
- <p class="bg-danger text-warning">This text is danger</p>
- </body</html>
- ==========================
- <!-- page06.html -->
- <html<head>
- <link from cnn>
- <body>
- <div class="container-fluid">
- <h2>working with table</h2>
- <hr>
- <BR>
- <table class="table table-responsive">
- <thead><tr class="table-warning">
- <th>Year</th
- <th>Sale</th>
- </tr></thead>
- <tbody>
- <tr>
- <td>2017</td>
- <td>2,100 OMR.</td>
- </tr>
- <tr>
- <td>2018</td>
- <td>3,400 OMR.</td>
- </tr>
- </tbody></table>
- </div></body></html>
- ========================
- <html>
- <head>
- <link from cnn>
- </head>
- <body>
- <div class="container">
- <h2>Bootstrap Images</h2>
- <img src="k1.jpg" class="rounded" width="200px" height="200px">
- <br>
- <img src="k1.jpg" class="rounded-circle" width="200px" height="200px">
- <br>
- <img src="k1.jpg" class="img-thumbnail" width="200px" height="200px">
- <br>
- </div>
- </body>
- </html>
- =====================
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <!-- Required meta tags -->
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <!-- Bootstrap CSS -->
- <link from cnn>
- </head>
- <body>
- <div class="container">
- <div class="row">
- <!-- col start 1-->
- <div class="col">
- <h2>Muscat</h2>
- <P align="justify">
- <mark>Write one sentence</mark> and <big>copy</big> this sentence and <small>paste</small> multiple times to make a paragraph. Write one sentence and copy this sentence and paste multiple times to make a paragraph. Write one sentence and copy this sentence and paste multiple times to make a paragraph.
- </p>
- </div><!-- col end 1-->
- <!-- col start 2-->
- <div class="col">
- <h2>Salalah</h2>
- <P align="justify">
- Write one sentence and copy this sentence and paste multiple times to make a paragraph.
- </p>
- </div><!-- col end 2-->
- <!-- col start 3-->
- <div class="col">
- <h2>Nizwa</h2>
- <P align="justify">
- Write one sentence and copy this sentence and paste multiple times to make a paragraph.>
- </p>
- </div><!-- col end 3-->
- </div>
- </div>
- ======================
- <html>
- <head>
- <link from cnn>
- </head>
- <body>
- <div class="container">
- <h2>buttons</h2>
- <hr><br>
- <button type="button" class="btn btn-primary">Login</button>
- <button type="button" class="btn btn-primary btn-lg">Login</button>
- <button type="button" class="btn btn-primary btn-sm">Login</button>
- <BR><BR>
- <button type="button" class="btn btn-primary btn-block">Login</button>
- <BR><BR>
- <button type="button" class="btn btn-primary btn-block disabled">Login</button>
- </div>
- </body>
- </html>
- ======================
- <html lang="en">
- <head>
- <!-- Required meta tags -->
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <!-- Bootstrap CSS -->
- <link from cnn>
- </head>
- <body>
- <div class="container">
- <h2>Button Styles</h2>
- <button type="button" class="btn" >Basic</button>
- <button type="button" class="btn btn-default">Default</button>
- <button type="button" class="btn btn-primary">Primary</button>
- <button type="button" class="btn btn-success">Success</button>
- <button type="button" class="btn btn-info">Info</button>
- <button type="button" class="btn btn-warning">Warning</button>
- <button type="button" class="btn btn-danger">Danger</button>
- <button type="button" class="btn btn-link" >Link</button>
- <a class="btn btn-success" href="http://www.bing.com" role="button">Bing</a>
- <a class="btn btn-link" href="http://www.yahoo.com" role="button">Yahoo</a>
- <BR><BR>
- <button type="button" class="btn btn-primary btn-lg">Primary</button>
- <button type="button" class="btn btn-primary btn-sm">Primary</button>
- </div>
- <!-- Optional JavaScript -->
- <!-- jQuery first, then Popper.js, then Bootstrap JS -->
- <link from cnn>
- </body>
- </html>
- ================
- <html lang="en"
- <head>
- <!-- Required meta tags -->
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <!-- Bootstrap CSS -->
- <link from cnn>
- </head>
- <body>
- <div class="container">
- <div class="dropdown">
- <button class="btn btn-success dropdown-toggle" type="button" data-toggle="dropdown">Search Engines
- <span class="caret"></span></button>
- <ul class="dropdown-menu">
- <li><a href="http://www.bing.com">Bing</a></li>
- <li><a href="http://www.google.com">Google</a></li>
- <li class="disabled"><a href="http://www.yahoo.com">Yahoo</a></li>
- </ul>
- </div>
- </div>
- <!-- Optional JavaScript -->
- <!-- jQuery first, then Popper.js, then Bootstrap JS -->
- <link from cnn>
- </body>
- </html>
- ==================================
- <!DOCTYPE html>
- <html lang="en"
- <head>
- <!-- Required meta tags -->
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <!-- Bootstrap CSS -->
- <link from cnn>
- </head>
- <body>
- <div class="container">
- <ul class="nav nav-tabs">
- <li class="nav-item">
- <a class="nav-link active" href="#">Active</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="page12b.html">Link 1</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="page12c.html">Link 2</a>
- </li>
- <li class="nav-item">
- <a class="nav-link disabled" href="#">Disabled</a>
- </li>
- </ul>
- </div>
- <h1>Home page</h1>
- <hr>
- <p>today is sunday. Weather is normal in Salalah. You can go for shopping in evening after taraveeh.
- <!-- Optional JavaScript -->
- <!-- jQuery first, then Popper.js, then Bootstrap JS -->
- <link from cnn><link from cnn>
- </body>
- </html>
- ==============
- <html lang="en"
- <head>
- <!-- Required meta tags -->
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <!-- Bootstrap CSS -->
- <link from cnn>
- </head>
- <body>
- <div class="container">
- <ul class="nav nav-tabs">
- <li class="nav-item">
- <a class="nav-link" href="page12a.html">Active</a>
- </li>
- <li class="nav-item ">
- <a class="nav-link active" href="#">Link 1</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">Link 2</a>
- </li>
- <li class="nav-item">
- <a class="nav-link disabled" href="#">Disabled</a>
- </li>
- </ul>
- </div>
- <h1>Page 2</h2>
- <hr>
- <!-- Optional JavaScript -->
- <!-- jQuery first, then Popper.js, then Bootstrap JS -->
- <link from cnn>
- </body>
- </html>
- =======================
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <!-- Required meta tags -->
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <!-- Bootstrap CSS -->
- <link from cnn>
- </head>
- <body>
- <div class="container">
- <ul class="nav nav-tabs">
- <li class="nav-item">
- <a class="nav-link active" href="#">Active</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">Link</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">Link</a>
- </li>
- <li class="nav-item">
- <a class="nav-link disabled" href="#">Disabled</a>
- </li>
- </ul>
- </div>
- <!-- Optional JavaScript -->
- <!-- jQuery first, then Popper.js, then Bootstrap JS -->
- <link from cnn>
- </body>
- </html>
- ===================
- <!DOCTYPE html>
- <html lang="en"
- <head>
- <!-- Required meta tags -->
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <!-- Bootstrap CSS -->
- <link from cnn>
- </head>
- <body>
- <div class="container">
- <ul class="nav nav-tabs">
- <li class="nav-item">
- <a class="nav-link active" href="#">Active</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">Link</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">Link</a>
- </li>
- <li class="nav-item">
- <a class="nav-link disabled" href="#">Disabled</a>
- </li>
- </ul>
- </div>
- <!-- Optional JavaScript -->
- <!-- jQuery first, then Popper.js, then Bootstrap JS -->
- <link from cnn>
- </body>
- </html>
- ===========
- <!DOCTYPE html>
- <html lang="en"
- <head>
- <!-- Required meta tags -->
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <!-- Bootstrap CSS -->
- <link from cnn>
- </head>
- <body>
- <div class="container">
- <nav class="navbar navbar-expand-lg navbar-light bg-light">
- <a class="navbar-brand" href="#">Navbar</a>
- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
- <span class="navbar-toggler-icon"></span>
- </button>
- <div class="collapse navbar-collapse" id="navbarSupportedContent">
- <ul class="navbar-nav mr-auto">
- <li class="nav-item active">
- <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">Link</a>
- </li>
- <li class="nav-item">
- <a class="nav-link disabled" href="#">Disabled</a>
- </li>
- </ul>
- <form class="form-inline my-2 my-lg-0">
- <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
- <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
- </form>
- </div>
- </nav>
- </div>
- <!-- Optional JavaScript -->
- <!-- jQuery first, then Popper.js, then Bootstrap JS -->
- <link from cnn>
- </body>
- </html>
- =============
- <!DOCTYPE html>
- <html lang="en"
- <head>
- <!-- Required meta tags -->
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <!-- Bootstrap CSS -->
- <link from cnn>
- </head>
- <body>
- <div class="container">
- <h2>User Registration Form</h2>
- <div class="row">
- <div class="col">
- <form action="mailto:abc@gmail.com" method="post">
- <div class="form-group">
- <label for="email">Email address:</label>
- <input type="email" class="form-control" id="email">
- </div>
- <div class="form-group">
- <label for="pwd">Password:</label>
- <input type="password" class="form-control" id="pwd">
- </div>
- <div class="form-group">
- <label>Department:</label>
- <select class="form-control" multiple>
- <option>IT</option>
- <option>Business</option>
- <option>Engineering</option>
- </select>
- </div>
- <div class="form-group">
- <label>Courses</label><br>
- <label><input type="checkbox" > Web Techologies</label>
- <label><input type="checkbox"> Web Application Development I</label>
- <label><input type="checkbox"> Web Application Development II</label>
- </div>
- <div class="form-group">
- <label>Description</label><br>
- <textarea rows=5 cols=60>type..</textarea>
- </div>
- <button type="submit" class="btn btn-default">Submit</button>
- </form>
- </div>
- </div>
- <!-- Optional JavaScript -->
- <!-- jQuery first, then Popper.js, then Bootstrap JS -->
- <link from cnn>
- </body>
- </html>
- ========
- ========
- ----------
- $marks = 66;
- if($marks>=70 && $marks<=100)
- echo "VERY GOOD";
- ----------
- $marks = 66;
- if($marks<67)
- echo "fail";
- else
- echo "pass";
- ----------
- $marks = 81;
- //<60 Fail, 80-100 A grade, 70-<80 B Grade, 60-<70 C Grade
- if($marks<60)
- {
- echo "Fail";
- }
- elseif ($marks<70)
- {
- echo "C Grade";
- }
- elseif ($marks<80)
- {
- echo "B Grade";
- }
- elseif ($marks<=100)
- {
- echo "A Grade";
- }
- else
- {
- echo "Wrong input.";
- }
- -------------
- $day="SUN";
- //Write SUN,MON,TUE,WED,THU,FRI,SAT,SUN.
- switch ($day){
- case "SUN":
- echo "Holiday";
- break;
- default:
- echo "Working Day";
- break;
- }
- ------------
- $day=2;
- switch ($day){
- case 1:
- echo "Sunday";
- break;
- case 2:
- echo "Monday";
- break;
- case 3:
- echo "Tuesday";
- break;
- //....day 4 to 6 write here
- case 7:
- echo "Saturday";
- break;
- default:
- echo "Wrong day";
- break;
- }
- -----------
- for($a=1;$a<=5;$a++)
- {
- echo "$a. Hello World!<br>";
- }
- -----------
- for($a=1;$a<=5;$a++)
- {
- echo $a;
- $a++;
- }
- -----------
- for($a=1;$a<=5;$a++)
- {
- echo $a, $a+$a;
- $a++;
- }
- //1236510
- -----------
- for($a=1;$a<5;$a++)
- {
- echo $a, $a+1;
- }
- //12233445
- -----------
- for($a=1;$a<5;$a++)
- {
- echo $a, $a*1;
- }
- //11223344
- -----------
- for($a=1;$a<5;$a++)
- {
- echo $a, $a*2;
- }
- //12243648
- -----------
- for($a=5;$a>0;$a--)
- {
- echo $a;
- }
- //54321
- -----------
- for($a=5;$a>0;$a--)
- {
- echo $a;
- $a--
- }
- //531
- -----------
- for($a=5;$a>0;$a--)
- {
- echo $a, 6-$a;
- $a--;
- }
- //513315
- -----------
- $x = 8;
- do {
- echo "The number is: $x <br>";
- $x++;
- } while ($x <= 5);
- -----------
- //$car[0]="Camry";
- //$car[1]="Accord";
- //$car[2]="Volvo";
- //$car[3]="Corolla";
- //$car[4]="Prado";
- $car = array ("C", "A", "V", "C", "P");
- $e=0;
- while($e<5)
- {
- echo $e, " - ", $car[$e], "<BR>";
- $e++;
- }
- -----------
- $age=array(33,66,22,11,23);
- for ($a=0;$a<5;$a++)
- {
- echo $age[$a], "<BR>";
- }
- -----------
- $age=array(33,66,22,11,23);
- $min=$age[0];
- $max=$age[0];
- for ($a=0;$a<5;$a++)
- {
- if($age[$a]<$min) $min=$age[$a];
- if($age[$a]>$max) $max=$age[$a];
- }
- echo "Min: $min.<BR>";
- echo "Max: $max.";
- -----------
- $age=array(33,66,22,11,23);
- $min=$age[0];
- $max=$age[0];
- $sum=0;
- for ($a=0;$a<5;$a++)
- {
- if($age[$a]<$min) $min=$age[$a];
- if($age[$a]>$max) $max=$age[$a];
- $sum+=$age[$a];
- echo $age[$a], "<BR>";
- }
- echo "<BR>";
- $avg = $sum/count($age);
- echo "Min: $min.<BR>";
- echo "Max: $max.<BR>";
- echo "Sum: $sum.<BR>";
- echo "Avg: $avg.<BR>";
- -----------
- Make an array of 10 number elements of any name.
- $anyname=array(1,2,3,4,5,6,7,8,9,100);
- display all elements of array using loop.
- for($a=0;$a<10;$a++)
- echo $anyname[$a], "<BR>";
- display the following elements of array using loop.1,3,5,7,9.
- for($a=0;$a<10;$a++)
- {
- echo $anyname[$a], "<BR>";
- $a++;
- }
- display all the elments using loop in reverse.
- for($a=10;$a>=0;$a--)
- echo $anyname[$a], "<BR>";
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement