<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
#beij {
width: 1500px;
height: 1000px;
background-image: url(img/bg.jpg);
background-attachment: fixed;
}
#txt {
padding-top: 100px;
float: left;
padding-left: 200px;
width: 500px;
height: 450px;
}
#phone {
float: left;
margin-top: 60px;
margin-left: 200px;
width: 400px;
height: 450px;
}
h3 {
padding-top: 50px;
color: ghostwhite;
}
h4 {
padding-top: 30px;
color: ghostwhite;
}
#imgcode {
width: 300px;
height: 55px;
-webkit-transition: transform 3s;
}
#imgcode:hover {
-webkit-transform: rotate(360deg);
}
#tup {
padding-top: 75px;
}
#sp {
-webkit-transform: scale(1,2);
font-size: 30px;
color: ghostwhite;
}
#sp2 {
-webkit-transform: scale(1,2);
font-size: 30px;
color: ghostwhite;
}
#sj{
-webkit-transition:1s ease all;
-moz-transition:1s ease all;
}
#sj:hover{
-webkit-transform:skew(25deg,25deg);
/*-moz-transform:skew(45eg,45deg);*/
}
</style>
</head>
<body>
<div id="beij">
<div id="txt">
<span id="sp"><big><b>Blue App</b></big> </span><span id="sp2">Template</span>
<h3 id="imgcode">One page Responsive HTML5 parallax business landing page</h3>
<h4>Lorem ipsum dolor sit amet,
consectetur adipisicing elit. Similique autem,
atque in voluptatibus repellat nostrum iusto
architecto vel placeat numquam omnis assumenda.</h4>
<img id="tup" src="img/003.png" />
</div>
<div id="phone">
<img id="sj" src="img/phone.png" />
</div>
</div>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
#beij {
width: 1500px;
height: 1000px;
background-image: url(img/bg.jpg);
background-attachment: fixed;
}
#txt {
padding-top: 100px;
float: left;
padding-left: 200px;
width: 500px;
height: 450px;
}
#phone {
float: left;
margin-top: 60px;
margin-left: 200px;
width: 400px;
height: 450px;
}
h3 {
padding-top: 50px;
color: ghostwhite;
}
h4 {
padding-top: 30px;
color: ghostwhite;
}
#imgcode {
width: 300px;
height: 55px;
-webkit-transition: transform 3s;
}
#imgcode:hover {
-webkit-transform: rotate(360deg);
}
#tup {
padding-top: 75px;
}
#sp {
-webkit-transform: scale(1,2);
font-size: 30px;
color: ghostwhite;
}
#sp2 {
-webkit-transform: scale(1,2);
font-size: 30px;
color: ghostwhite;
}
#sj{
-webkit-transition:1s ease all;
-moz-transition:1s ease all;
}
#sj:hover{
-webkit-transform:skew(25deg,25deg);
/*-moz-transform:skew(45eg,45deg);*/
}
</style>
</head>
<body>
<div id="beij">
<div id="txt">
<span id="sp"><big><b>Blue App</b></big> </span><span id="sp2">Template</span>
<h3 id="imgcode">One page Responsive HTML5 parallax business landing page</h3>
<h4>Lorem ipsum dolor sit amet,
consectetur adipisicing elit. Similique autem,
atque in voluptatibus repellat nostrum iusto
architecto vel placeat numquam omnis assumenda.</h4>
<img id="tup" src="img/003.png" />
</div>
<div id="phone">
<img id="sj" src="img/phone.png" />
</div>
</div>
</body>
</html>