Heyy,
Als eerst sorry als ik het topic verkeerd heb geplaatst...
Sinds een paar weken ben ik bezig met HTML & CSS. sinds een paar dagen ben ik bezig met een portfolio. En het leek me wel is tijd om hier te posten voor eventuele feedback over de site, waardoor ik hem nog beter kan maken.
Ook zal ik de code voor jullie posten, zodat jullie ook de portfolio kunnen gebruiken als design.
Ik ben nog niet erg goed in het designen van site's en omgaan met html. Daarom hoop ik ook op feedback en eventuele puntjes die ik voortaan beter kan doen.
De site:
*snip*
Dingen waar nog aan wordt gewerkt:
- Het maken van een responsive webdesign
- Het maken van pagina's zodat als je op een vierkant drukt je ook daadwerkelijk op de pagina komt die over het project gaat.
- Eventueel wat meer kleur in de site verwerken en een wat rustiger design.
De code:
HTML:
CSS:
Alvast bedankt.
Groetjes,
IkHeetZo
*snip*
Als eerst sorry als ik het topic verkeerd heb geplaatst...
Sinds een paar weken ben ik bezig met HTML & CSS. sinds een paar dagen ben ik bezig met een portfolio. En het leek me wel is tijd om hier te posten voor eventuele feedback over de site, waardoor ik hem nog beter kan maken.
Ook zal ik de code voor jullie posten, zodat jullie ook de portfolio kunnen gebruiken als design.
Ik ben nog niet erg goed in het designen van site's en omgaan met html. Daarom hoop ik ook op feedback en eventuele puntjes die ik voortaan beter kan doen.
De site:
*snip*
Dingen waar nog aan wordt gewerkt:
- Het maken van een responsive webdesign
- Het maken van pagina's zodat als je op een vierkant drukt je ook daadwerkelijk op de pagina komt die over het project gaat.
- Eventueel wat meer kleur in de site verwerken en een wat rustiger design.
De code:
HTML:
spoiler:
<!DOCTYPE html>
<html>
<head>
<title> Portfolio </title>
<link rel="stylesheet" href="mystyle.css">
<meta name="description" content="portfolio">
<meta name="keywords" content="portfolio">
<meta name="author" content="IkHeetZo">
<meta name="viewport" content="width=device-width">
<meta charset="UTF-8">
</head>
<body>
<p class="headertekst">PORTFOLIO</p>
<a href="artikel1.html"><div class="div">
<p class="divtekst">text</p>
<p class="divtekst1">text</p>
</div></a>
<a href="artikel2.html"><div class="div1">
<p class="divtekst">text</p>
<p class="divtekst1">text</p>
</div></a>
<a href="artikel3.html"><div class="div2">
<p class="divtekst">text</p>
<p class="divtekst1">text</p>
</div></a>
<a href="artikel4.html"><div class="div3">
<p class="divtekst">text</p>
<p class="divtekst1">text</p>
</div></a>
<a href="artikel5.html"><div class="div4">
<p class="divtekst">text</p>
<p class="divtekst1">text</p>
</div></a>
<a href="artikel6.html"><div class="div5">
<p class="divtekst">text</p>
<p class="divtekst1">text</p>
</div></a>
<a href="artikel7.html"><div class="div6">
<p class="divtekst">text</p>
<p class="divtekst1">text</p>
</div></a>
<a href="artikel8.html"><div class="div7">
<p class="divtekst">text</p>
<p class="divtekst1">text</p>
</div></a>
<a href="artikel9.html"><div class="div8">
<p class="divtekst">text</p>
<p class="divtekst1">text</p>
</div></a>
<div class="sluiting">
<p class="sluitingtekst">Created by: ikheetzo</p>
</div></a>
</body>
</html>
<html>
<head>
<title> Portfolio </title>
<link rel="stylesheet" href="mystyle.css">
<meta name="description" content="portfolio">
<meta name="keywords" content="portfolio">
<meta name="author" content="IkHeetZo">
<meta name="viewport" content="width=device-width">
<meta charset="UTF-8">
</head>
<body>
<p class="headertekst">PORTFOLIO</p>
<a href="artikel1.html"><div class="div">
<p class="divtekst">text</p>
<p class="divtekst1">text</p>
</div></a>
<a href="artikel2.html"><div class="div1">
<p class="divtekst">text</p>
<p class="divtekst1">text</p>
</div></a>
<a href="artikel3.html"><div class="div2">
<p class="divtekst">text</p>
<p class="divtekst1">text</p>
</div></a>
<a href="artikel4.html"><div class="div3">
<p class="divtekst">text</p>
<p class="divtekst1">text</p>
</div></a>
<a href="artikel5.html"><div class="div4">
<p class="divtekst">text</p>
<p class="divtekst1">text</p>
</div></a>
<a href="artikel6.html"><div class="div5">
<p class="divtekst">text</p>
<p class="divtekst1">text</p>
</div></a>
<a href="artikel7.html"><div class="div6">
<p class="divtekst">text</p>
<p class="divtekst1">text</p>
</div></a>
<a href="artikel8.html"><div class="div7">
<p class="divtekst">text</p>
<p class="divtekst1">text</p>
</div></a>
<a href="artikel9.html"><div class="div8">
<p class="divtekst">text</p>
<p class="divtekst1">text</p>
</div></a>
<div class="sluiting">
<p class="sluitingtekst">Created by: ikheetzo</p>
</div></a>
</body>
</html>
CSS:
spoiler:
body {
background-color: #F9BF3B;
}
p.headertekst {
text-align: center;
font-family: valken;
font-size: 72px;
margin: 3%;
color: black;
}
div.div{
height: 444px;
width: 33%;
background-color: #3FC380;
float: left;
border-radius: 30px 0px 0px 0px;
}
div.div1{
height: 444px;
width: 33%;
background-color: #BDC3C7;
float: left;
}
div.div2{
height: 444px;
width: 34%;
background-color: #F89406;
float: left;
border-radius: 0px 30px 0px 0px;
}
div.div3{
height: 444px;
width: 33%;
background-color: #9B59B6;
float: left;
}
div.div4{
height: 444px;
width: 33%;
background-color: #34495E;
float: left;
}
div.div5{
height: 444px;
width: 34%;
background-color: #90C695;
float: left;
}
div.div6{
height: 444px;
width: 33%;
background-color: #F9690E;
float: left;
border-radius: 0px 0px 0px 30px;
}
div.div7{
height: 444px;
width: 33%;
background-color: #95A5A6;
float: left;
}
div.div8{
height: 444px;
width: 34%;
background-color: #E26A6A;
float: left;
border-radius: 0px 0px 30px 0px;
}
div.sluiting {
width: 96%;
height: 200px;
margin: 2%;
background-color: #446CB3;
float: left;
border-radius: 30px 30px 30px 30px;
}
p.sluitingtekst {
text-align: center;
font-family: valken;
font-size: 88px;
margin: 3%;
color: black;
}
p.divtekst {
text-align: center;
margin: 1%;
font-size: 60px;
color: white;
font-family: valken;
}
p.divtekst1 {
text-align: center;
margin: 1%;
font-family: valken;
font-size: 28px;
color: white;
}
background-color: #F9BF3B;
}
p.headertekst {
text-align: center;
font-family: valken;
font-size: 72px;
margin: 3%;
color: black;
}
div.div{
height: 444px;
width: 33%;
background-color: #3FC380;
float: left;
border-radius: 30px 0px 0px 0px;
}
div.div1{
height: 444px;
width: 33%;
background-color: #BDC3C7;
float: left;
}
div.div2{
height: 444px;
width: 34%;
background-color: #F89406;
float: left;
border-radius: 0px 30px 0px 0px;
}
div.div3{
height: 444px;
width: 33%;
background-color: #9B59B6;
float: left;
}
div.div4{
height: 444px;
width: 33%;
background-color: #34495E;
float: left;
}
div.div5{
height: 444px;
width: 34%;
background-color: #90C695;
float: left;
}
div.div6{
height: 444px;
width: 33%;
background-color: #F9690E;
float: left;
border-radius: 0px 0px 0px 30px;
}
div.div7{
height: 444px;
width: 33%;
background-color: #95A5A6;
float: left;
}
div.div8{
height: 444px;
width: 34%;
background-color: #E26A6A;
float: left;
border-radius: 0px 0px 30px 0px;
}
div.sluiting {
width: 96%;
height: 200px;
margin: 2%;
background-color: #446CB3;
float: left;
border-radius: 30px 30px 30px 30px;
}
p.sluitingtekst {
text-align: center;
font-family: valken;
font-size: 88px;
margin: 3%;
color: black;
}
p.divtekst {
text-align: center;
margin: 1%;
font-size: 60px;
color: white;
font-family: valken;
}
p.divtekst1 {
text-align: center;
margin: 1%;
font-family: valken;
font-size: 28px;
color: white;
}
Alvast bedankt.
Groetjes,
IkHeetZo
*snip*
[ Voor 0% gewijzigd door RobIII op 05-10-2015 20:16 ]
:strip_icc():strip_exif()/u/43400/avatar.jpeg?f=community){kind=avatar}
Dit topic is gesloten.