<!DOCTYPE html> <html xmlns="https://www.w3.org/1999/xhtml"> <head> <title>Chat - Customer Module</title> <link type="text/css" rel="stylesheet" href="style.css" /> </head> <div id="wrapper"> <div id="menu"> <p class="welcome">Welcome, <b></b></p> <p class="logout"><a id="exit" href="#">Exit Chat</a></p> <div style="clear:both"></div> </div> <div id="chatbox"></div> <form name="message" action=""> <input name="usermsg" type="text" id="usermsg" size="63" /> <input name="submitmsg" type="submit" id="submitmsg" value="Send" /> </form> </div> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> <script type="text/javascript"> // jQuery Document $(document).ready(function(){ }); </script> </body> </html>
<!DOCTYPE html> <html> <head> <title>Web Page Design</title> <style type="text/css"> div { width:100px; height:75px; background-color:red; border:1px solid black; } #div2 { transform:rotate(30deg); -ms-transform:rotate(30deg); /* IE 9 */ -moz-transform:rotate(30deg); /* Firefox */ -webkit-transform:rotate(30deg); /* Safari and Chrome */ -o-transform:rotate(30deg); /* Opera */ background-color:yellow; } </style> </head> <body> <div>Hello, World!</div> <div id="div2">Hello, CSS3!</div> </body> </html>
<!DOCTYPE html> <html lang="en-US"> <title>Project Chatter.net</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <head> <style> body { text-align: center; } </style> </head> <body> <div class="jumbotron"> <h1>Project Chatter.net</h1> <p>Version 0.1</p> </div> <div class="container"> <h2>Chat Output</h2> <div class="well well-lg"> </div> <div id="google_translate_element"></div> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element'); } </script> <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> <br> <p>© 2017 Project Chatter.net ®</p> </div> </body> </html>
<!DOCTYPE html> <html> <title>Web Page Design</title> <head> <style type="text/css"> div { width:100px; height:75px; background-color:red; border:20px solid black; } #div2 { transform:rotate(30deg); -ms-transform:rotate(30deg); /* IE 9 */ -moz-transform:rotate(30deg); /* Firefox */ -webkit-transform:rotate(30deg); /* Safari and Chrome */ -o-transform:rotate(30deg); /* Opera */ background-color:yellow; } </style> </head> <body> <div>Hello, World!</div> <div id="div2">Hello, CSS3!</div> </body> </html>
<!DOCTYPE html> <html> <title>Web Page Design</title> <head> <style type="text/css"> div { width:100px; height:75px; background-color:red; border:1px solid black; } #div2 { transform:rotate(30deg); -ms-transform:rotate(30deg); /* IE 9 */ -moz-transform:rotate(30deg); /* Firefox */ -webkit-transform:rotate(30deg); /* Safari and Chrome */ -o-transform:rotate(30deg); /* Opera */ background-color:yellow; } </style> </head> <body> <div>Hello, World!</div> <div id="div2">Hello, CSS3!</div> </body> </html>
<!DOCTYPE html> <html> <title>Web Page Design</title> <head> <style type="text/css"> div { width:100px; height:75px; background-color:red; border:1px solid black; } #div2 { transform:rotate(30deg); -ms-transform:rotate(30deg); /* IE 9 */ -moz-transform:rotate(30deg); /* Firefox */ -webkit-transform:rotate(30deg); /* Safari and Chrome */ -o-transform:rotate(30deg); /* Opera */ background-color:yellow; } </style> </head> <body> <div>Hello, World!</div> <div id="div2">Hello, CSS3!</div> <a href="https://tpcg.io/edIGss">Live Demo</a> </body> </html>
We use cookies to provide and improve our services. By using our site, you consent to our Cookies Policy. Accept Learn more