"first page"
Bootstrap 4.1.1 Snippet by MohamedAdel1994

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <html> <head> <title> Mohamed page</title> </head> <body> <div id="fullscreen_bg" class="fullscreen_bg"/> <div> <h1>My first page</h1> <ul> <li class="man"> my name is mohamed adel </li> <li class="man"> graduated from faculty of computers and informations at cairo university</li> <li class="man"> I support zamalek club</li> </ul> </div> <div> <h1>My Hobbies</h1> <ul> <li class="fan">football </li> <li class="fan">reading</li> <li class="fan">music</li> </ul> </div> <div> <h1>URL</h1> <p> link for yalakora <a href= "https://www.yallakora.com/"> Yallakora </a> . </p> <a href="http://www.dukelearntoprogram.com/" target="blank_">Duke Learn to Program</a> </div> <div> <h1>Orderd in Html</h1> <ol> <li>Ahmed</li> <li>Mohamed</li> </ol> </div> <div> <h1>Nested List</h1> <ul> <li>School <ul> <li>Student</li> <li>Teacher</li> </ul> </li> <li> Home <ul> <li>Father</li> <li>Mather</li> </ul> </li> </ul> </div> <div> <h1>tableشكل</h1> <table> <tr> <th>الصلاه</th> <th>قبل</th> <th>بعد</th> </tr> <tr> <td>الصبح</td> <td>2</td> <td>--</td> </tr> <tr> <td>الظهر</td> <td>2+2</td> <td>2</td> </tr> <tr> <td>العصر</td> <td>--</td> <td>--</td> </tr> <tr> <td>المغرب</td> <td>--</td> <td>2</td> </tr> <tr> <td>العشاء</td> <td>--</td> <td>2</td> </tr> </table> </div> </div> </body> </html>
/* .fullscreen_bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: 50% 50%; background-image: url('https://i.postimg.cc/Gmxsh8yX/11210-525288284183748-1002692150-n.jpg'); } */ .man{ color :#3F3FBF; } .fan{ color :red; } /* width */ ::-webkit-scrollbar { width: 10px; } /* Track */ ::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ ::-webkit-scrollbar-thumb { background: #888; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #555; }

Related: See More

Vue Light Bootstrap Dashboard
Elegant Login Page
My Awesome Login Page
Simple & Clean 404 Error Page style

Questions / Comments: