*{
margin: 0px;
padding: 0px;
}

#container{
width: 950px;
background-color: silver;
margin: 0 auto;
padding: 10px;
}

#header{
min-height: 50px;
background: radial-gradient(gray, white);
margin-bottom: 10px;
}

#mid{
 min-height: 700px;
width: 950px;
background: radial-gradient(purple, blue);
display: inline-block;
vertical-align: top;
}

.subcontents1{
min-height: 200px;
width: 350px;
height: auto;
background-color: white;
display: inline-block;
margin-top: 10px;
margin-right: 50px;
margin-bottom: 10px;
margin-left: 10px;
}

.subcontents2{
width: 513px;
height: 240px;
background-color: white;
display: inline-block;
vertical-align: top;
margin-top: 10px;
margin-left: 10px;
margin-bottom: 10px;
}

.subcontents3{
min-height: 200px;
width: 300px;
height: 550px;
background-color: white;
display: inline-block;
margin-top: 10px;
margin-left: 10px;
}
.subcontents3 img[alt="La Mode"] {
 width: 200px;
 vertical-align: top;
 display: inline-block;
}
.subcontents4{
min-height: 310px;
width: 300px;
height: 550px;
background-color: white;
display: inline-block;
margin-top: 10px;
margin-left: 10px;
}
.subcontents4 img[alt="FContacts"]{
width: 200px;
vertical-align: top;
display: inline-block;
}
.subcontents5{
min-height: 310px;
width: 300px;
height: 550px;
background-color: white;
display: inline-block;
margin-top: 10px;
margin-left: 10px;
}
.subcontents5 img[alt="FEleven"]{
    width: 200px;
vertical-align: top;
display: inline-block;
}
#footer{
min-height: 50px;
background: radial-gradient(gray, white);
margin-bottom: 10px;
}

h1{
display: inline-block;
text-align: left;
padding: 10px;
width: 500px;
}

h2{
display: inline-block;
text-align: right

}

#janefoto{
    width: 330px;
    margin: 10px;
    height: auto;
}
p{
    text-align: left;
    margin: 10px;
}
h3{
    text-align: left;
    padding: 10px;
    background: radial-gradient(aqua, white);
}
.lamode{
    width: 280px;
    height: auto;
}
.fcontacts{
    width: 280px;
    height: auto;
}
.feleven{
    width: 280px;
    height: auto;
}
.php{
    width: 35px;
    height: 35px;
    padding: 10px;
}
.cd{
    width: 35px;
    height: 35px;
    padding: 10px;
}
.jq{
    width: 35px;
    height: 35px;
    padding: 10px;
}
.aj{
    width: 35px;
    height: 35px;
    padding: 10px;
}
.mysql{
    width: 35px;
    height: 35px;
    padding: 10px;
}
.html{
    width: 35px;
    height: 35px;
    padding: 10px;
}
.css{
    width: 35px;
    height: 35px;
    padding: 10px;
}
.bootstrap{
    width: 35px;
    height: 35px;
    padding: 10px;
}
.js{
    width: 35px;
    height: 35px;
    padding: 10px;
}
.mongodb{
    width: 35px;
    height: 35px;
    padding: 10px;
}
.expressjs{
    width: 35px;
    height: 35px;
    padding: 10px;
}
.angular{
    width: 35px;
    height: 35px;
    padding: 10px;
}
.nodejs{
    width: 35px;
    height: 35px;
    padding: 10px;
}
.socket{
    width: 35px;
    height: 35px;
    padding: 10px;
}
.python{
    width: 35px;
    height: 35px;
    padding: 10px;
}
.django{
    width: 35px;
    height: 35px;
    padding: 10px;
}
.d3{
    width: 35px;
    height: 35px;
    padding: 10px;
}
.sqlite{
    width: 35px;
    height: 35px;
    padding: 10px;
}
.materialize{
    width: 35px;
    height: 35px;
    padding: 10px;
}
a{
    margin: 20px;

}
#footer, #footer p{
    text-align: center;
    color: black;
}
#footer a{
    color: aliceblue;
    text-decoration: none;
}
.xd{
    list-style-type: none;
}
.xd img{
    width: 20px;
    height: 20px;
    text-align: center;

}
.link{
    color: black;
    text-decoration: underline;
    margin: 20px;
}
.subcontents3 a, .subcontents4 a, .subcontents5 a {
    border-radius: 10px;
    background-color: green;
    display: inline-block;
    padding: 5px;
    margin-left: 100px;
    text-decoration: none;
    color: blanchedalmond;
}