Jump to content
Existing user? Sign In
Sign In
Remember me
Not recommended on shared computers
Sign In
Forgot your password?
Sign Up
W3Schools.com
Browse
Forums
Events
Guidelines
Staff
Online Users
Leaderboard
More
Activity
All Activity
Search
More
Leaderboard
More
More
Everywhere
Status Updates
Topics
Events
Members
Home
All Activity
Home
egonzalez
egonzalez
Members
View Profile
See their activity
Posts
0
Joined
October 6, 2014
Last visited
October 8, 2014
About egonzalez
Birthday
06/05/1980
Previous Fields
Languages
spanish
Profile Information
Interests
#wrap{
width:700px;
border:1px red solid;
margin:0 auto;
box-shadow: 8px 8px 15px #888888;
}
section{
background:#000;
color:#FFF;
margin:0;
display:inline-block;
padding:20px;
margin:20px;
width:200px;
border:3px #009 solid;
border-radius:0 20px 0 20px;
position:relative;
}
a{
color:#03C;
display:block;}
#wrap section.rojo a{
color:#900;}
#wrap section.rojo a:hover{
color:#3C9;}
#wrap section.rojo img{
position:absolute;
top:20px;
right:20px;}
@media screen and (max-width:700px){
#wrap{
width:400px;}
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" media="screen" href="css/style.css" />
</head>
<body>
<div id="wrap">
<h1 align="center">Titulo de Entrenamiento</h1>
<section>
<h2>Titulo 2</h2>
<img src="img/calculator.png">
<p>adsfjasdfkj adsfaskdkfjas asdfaksjfdl asdflkjasdklf.</p>
<a href="http://www.google.com" target="_blank">link to google.com</a>
</section>
<section>
<h2>Titulo 3</h2>
<img src="img/calculator.png">
<p>adsfjasdfkj adsfaskdkfjas asdfaksjfdl asdflkjasdklf.</p>
<a href="http://www.google.com" target="_blank">link to google.com</a>
</section>
<section class="rojo">
<h2>Titulo 2</h2>
<img src="img/calculator.png">
<p>adsfjasdfkj adsfaskdkfjas asdfaksjfdl asdflkjasdklf.</p>
<a href="http://www.google.com" target="_blank">link to google.com</a>
</section>
<section class="rojo">
<h2>Titulo 3</h2>
<img src="img/calculator.png">
<p>adsfjasdfkj adsfaskdkfjas asdfaksjfdl asdflkjasdklf.</p>
<a href="http://www.google.com" target="_blank">link to google.com</a>
</section>
<a href="http://www.google.com" target="_blank">link to google.com</a>
</div>
</body>
</html>
egonzalez's Achievements
Newbie (1/7)
0
Reputation
egonzalez has no recent activity to show
All Activity
Home
egonzalez
×
Existing user? Sign In
Sign Up
W3Schools.com
Browse
Back
Forums
Events
Guidelines
Staff
Online Users
Leaderboard
Activity
Back
All Activity
Search
Leaderboard
×
Create New...