diff --git a/szerkezet/facelogo.png b/szerkezet/facelogo.png
new file mode 100644
index 0000000..89f0614
Binary files /dev/null and b/szerkezet/facelogo.png differ
diff --git a/szerkezet/logo.png b/szerkezet/logo.png
new file mode 100644
index 0000000..a66f335
Binary files /dev/null and b/szerkezet/logo.png differ
diff --git a/szerkezet/style.css b/szerkezet/style.css
new file mode 100644
index 0000000..d75f076
--- /dev/null
+++ b/szerkezet/style.css
@@ -0,0 +1,97 @@
+*{
+ box-sizing: border-box;
+}
+/*#right{
+ background-color: red;
+ margin-left: 75%;
+ width: 25%;
+}
+#left{
+ background-color: blueviolet;
+ float: left;
+ width: 25%;
+}
+article{
+ background-color: blue;
+ margin-left: 25%;
+ width: 50%;
+}*/
+
+footer{
+ background-color: green;
+}
+
+nav{
+ background-color: yellow;
+}
+ul{
+ text-align: center;
+}
+
+#logo1{
+ float: left;
+}
+#logo1 img{
+ width: 50%;
+}
+#logo2{
+ float: right;
+}
+#logo2 img{
+ width: 50%;
+}
+
+.col-1{
+ width: 8.33%;
+}
+.col-2{
+ width: 16.66%;
+}
+.col-3{
+ width: 25%;
+}
+.col-4{
+ width: 33.33%;
+}
+.col-5{
+ width: 41.66%;
+}
+.col-6{
+ width: 50%;
+}
+.col-7{
+ width: 58.33%;
+}
+.col-8{
+ width: 66.66%;
+}
+.col-9{
+ width: 75%;
+}
+.col-10{
+ width: 83.33%;
+}
+.col-11{
+ width: 91.66%;
+}
+.col-12{
+ width: 100%;
+}
+
+#left {
+ background-color: blueviolet;
+ float: left;
+ width: 25%;
+}
+
+article {
+ background-color: blue;
+ float: left;
+ width: 50%; /* The width is 60%, by default */
+}
+
+#right {
+ background-color: red;
+ float: left;
+ width: 25%; /* The width is 20%, by default */
+}
\ No newline at end of file
diff --git a/szerkezet/szerkezet.html b/szerkezet/szerkezet.html
new file mode 100644
index 0000000..50d1c72
--- /dev/null
+++ b/szerkezet/szerkezet.html
@@ -0,0 +1,44 @@
+
+
+
+
+
+
+ Szerkezet
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file