"create page"
Bootstrap 4.1.1 Snippet by MohamedAdel1994

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<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 ---------->
<h1>Change Things I</h1>
<div id="d1">
Hello
</div>
<div id="d2">
Goodbye
</div>
<p>
<input type="button" value="color Change"
onclick="changecolor()">
</p>
<p>
<input type="button" value="text Change"
onclick="changetext()">
</p>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
div{
width :200px;
font-size :28px;
margin:20px;
}
/*
#d1{
background-color :
lightblue;
}
#d2{
background-color :
red;
}
*/
.yellowback{
background-color :yellow;
}
.blueback{
background-color :lightblue;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function dochange(){
alert('cliced button by js function');
}
function changecolor(){
var dd1=document.getElementById("d1");
var dd2=document.getElementById("d2");
dd1.className="blueback";
dd2.className="yellowback";
}
function changetext(){
var dd1=document.getElementById("d1");
var dd2=document.getElementById("d2");
dd1.innerHTML="Bonjour";
dd2.innerHTML="Mohamed";
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Paper Kit
Elegant Login Page
My Awesome Login Page
Simple & Clean 404 Error Page style

Questions / Comments: