Edit in JSFiddle

html {
  -webkit-font-smoothing: antialiased;
}

body {
  text-align: center;
  font: bold 12px arial;
  color: #fff;
  background: #27657F;
}

.top div {
  position: absolute;
  top: 0.5%;
}
.top .network {
  left: 10%;
  margin-top: 0.2%;
  font-size: 0.8em;
}
.top .network li {
  float: left;
  margin-right: 0.5em;
  font-size: 1.7em;
  line-height: 65%;
}
.top .network:after {
  position: absolute;
  left: 65%;
  content: "OPERATOR";
  font-weight: normal;
}
.top .clock {
  left: 45%;
}
.top .battery {
  right: 5%;
}

.iphone {
  margin: 0 auto;
  width: 284px;
  height: 100%;
  overflow: hidden;
  border-radius: 28.4px;
  background: #ccc;
  border: 2.84px solid #e6e6e6;
}
.iphone:after {
  content: "\2610";
  text-align: center;
  font-size: 2em;
  color: #e6e6e6;
  line-height: 150%;
  display: block;
  background: #fff;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
  top: -7px;
  box-shadow: inset 0 0 20px #e6e6e6;
}

.bottom_bg {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 16%;
  background: rgba(255, 255, 255, 0.5);
}

.screen {
  position: relative;
  overflow: hidden;
  width: 262px;
  margin-bottom: -35px;
  padding: 7px 0;
  border-width: 50px 10px;
  border-color: #fff;
  border-style: solid;
  background: -webkit-linear-gradient(to bottom, #244279 0%, #6fa2b8 19%, #6fa2b8 30%, #7788c0 59%, #6b7ebf 73%, #40759d 100%);
  background: -moz-linear-gradient(to bottom, #244279 0%, #6fa2b8 19%, #6fa2b8 30%, #7788c0 59%, #6b7ebf 73%, #40759d 100%);
  background: -ms-linear-gradient(to bottom, #244279 0%, #6fa2b8 19%, #6fa2b8 30%, #7788c0 59%, #6b7ebf 73%, #40759d 100%);
  background: -o-linear-gradient(to bottom, #244279 0%, #6fa2b8 19%, #6fa2b8 30%, #7788c0 59%, #6b7ebf 73%, #40759d 100%);
  background: linear-gradient(to bottom, #244279 0%, #6fa2b8 19%, #6fa2b8 30%, #7788c0 59%, #6b7ebf 73%, #40759d 100%);
}

.application1 .icon, .application2 .icon, .application3 .icon, .application4 .icon, .application5 .icon, .application6 .icon, .application7 .icon, .application8 .icon, .application9 .icon, .application10 .icon, .application11 .icon, .application12 .icon, .application13 .icon, .application14 .icon, .application15 .icon, .application16 .icon, .application17 .icon, .application18 .icon, .application19 .icon, .application20 .icon, .application21 .icon, .application22 .icon, .application23 .icon, .application24 .icon {
  position: relative;
  width: 50px;
  height: 50px;
  margin: 10px 5px 2.5px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(134, 254, 101, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
}

.application1 {
  padding-top: 10px;
  position: relative;
  display: inline-block;
  z-index: 1;
  height: 70px;
}
.application1 .icon {
  background: -webkit-linear-gradient(top, #d3ff26 0%, #84a500 100%);
  background: -moz-linear-gradient(top, #d3ff26 0%, #84a500 100%);
  background: -ms-linear-gradient(top, #d3ff26 0%, #84a500 100%);
  background: -o-linear-gradient(top, #d3ff26 0%, #84a500 100%);
  background: linear-gradient(top, #d3ff26 0%, #84a500 100%);
}
.application1 .symbol {
  position: absolute;
  width: 26px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -25% 0 0 -25%;
  background: url(http://www.mcterano.com/blog/tutorials/404/images/symbol1.png) no-repeat;
}

.application2 {
  padding-top: 10px;
  position: relative;
  display: inline-block;
  z-index: 1;
  height: 70px;
}
.application2 .icon {
  background: -webkit-linear-gradient(top, #333333 0%, black 100%);
  background: -moz-linear-gradient(top, #333333 0%, black 100%);
  background: -ms-linear-gradient(top, #333333 0%, black 100%);
  background: -o-linear-gradient(top, #333333 0%, black 100%);
  background: linear-gradient(top, #333333 0%, black 100%);
}
.application2 .symbol {
  position: absolute;
  width: 26px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -25% 0 0 -25%;
  background: url(http://www.mcterano.com/blog/tutorials/404/images/symbol2.png) no-repeat;
}

.application3 {
  padding-top: 10px;
  position: relative;
  display: inline-block;
  z-index: 1;
  height: 70px;
}
.application3 .icon {
  background: -webkit-linear-gradient(top, #ff44c5 0%, #c30087 100%);
  background: -moz-linear-gradient(top, #ff44c5 0%, #c30087 100%);
  background: -ms-linear-gradient(top, #ff44c5 0%, #c30087 100%);
  background: -o-linear-gradient(top, #ff44c5 0%, #c30087 100%);
  background: linear-gradient(top, #ff44c5 0%, #c30087 100%);
}
.application3 .symbol {
  position: absolute;
  width: 26px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -25% 0 0 -25%;
  background: url(http://www.mcterano.com/blog/tutorials/404/images/symbol3.png) no-repeat;
}

.application4 {
  padding-top: 10px;
  position: relative;
  display: inline-block;
  z-index: 1;
  height: 70px;
}
.application4 .icon {
  background: -webkit-linear-gradient(top, white 0%, #bfbfbf 100%);
  background: -moz-linear-gradient(top, white 0%, #bfbfbf 100%);
  background: -ms-linear-gradient(top, white 0%, #bfbfbf 100%);
  background: -o-linear-gradient(top, white 0%, #bfbfbf 100%);
  background: linear-gradient(top, white 0%, #bfbfbf 100%);
}
.application4 .symbol {
  position: absolute;
  width: 26px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -25% 0 0 -25%;
  background: url(http://www.mcterano.com/blog/tutorials/404/images/symbol4.png) no-repeat;
}

.application5 {
  padding-top: 0;
  position: relative;
  display: inline-block;
  z-index: 1;
  height: 70px;
}
.application5 .icon {
  background: -webkit-linear-gradient(top, #65d3fe 0%, #01a2e2 100%);
  background: -moz-linear-gradient(top, #65d3fe 0%, #01a2e2 100%);
  background: -ms-linear-gradient(top, #65d3fe 0%, #01a2e2 100%);
  background: -o-linear-gradient(top, #65d3fe 0%, #01a2e2 100%);
  background: linear-gradient(top, #65d3fe 0%, #01a2e2 100%);
}
.application5 .symbol {
  position: absolute;
  width: 26px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -25% 0 0 -25%;
  background: url(http://www.mcterano.com/blog/tutorials/404/images/symbol5.png) no-repeat;
}

.application6 {
  padding-top: 0;
  position: relative;
  display: inline-block;
  z-index: 1;
  height: 70px;
}
.application6 .icon {
  background: -webkit-linear-gradient(top, #39ddff 0%, #0099b9 100%);
  background: -moz-linear-gradient(top, #39ddff 0%, #0099b9 100%);
  background: -ms-linear-gradient(top, #39ddff 0%, #0099b9 100%);
  background: -o-linear-gradient(top, #39ddff 0%, #0099b9 100%);
  background: linear-gradient(top, #39ddff 0%, #0099b9 100%);
}
.application6 .symbol {
  position: absolute;
  width: 26px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -25% 0 0 -25%;
  background: url(http://www.mcterano.com/blog/tutorials/404/images/symbol6.png) no-repeat;
}

.application7 {
  padding-top: 0;
  position: relative;
  display: inline-block;
  z-index: 1;
  height: 70px;
}
.application7 .icon {
  background: -webkit-linear-gradient(top, #5326ff 0%, #2200a5 100%);
  background: -moz-linear-gradient(top, #5326ff 0%, #2200a5 100%);
  background: -ms-linear-gradient(top, #5326ff 0%, #2200a5 100%);
  background: -o-linear-gradient(top, #5326ff 0%, #2200a5 100%);
  background: linear-gradient(top, #5326ff 0%, #2200a5 100%);
}
.application7 .symbol {
  position: absolute;
  width: 26px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -25% 0 0 -25%;
  background: url(http://www.mcterano.com/blog/tutorials/404/images/symbol7.png) no-repeat;
}

.application8 {
  padding-top: 0;
  position: relative;
  display: inline-block;
  z-index: 1;
  height: 70px;
}
.application8 .icon {
  background: -webkit-linear-gradient(top, #333333 0%, black 100%);
  background: -moz-linear-gradient(top, #333333 0%, black 100%);
  background: -ms-linear-gradient(top, #333333 0%, black 100%);
  background: -o-linear-gradient(top, #333333 0%, black 100%);
  background: linear-gradient(top, #333333 0%, black 100%);
}
.application8 .symbol {
  position: absolute;
  width: 26px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -25% 0 0 -25%;
  background: url(http://www.mcterano.com/blog/tutorials/404/images/symbol8.png) no-repeat;
}

.application9 {
  padding-top: 0;
  position: relative;
  display: inline-block;
  z-index: 1;
  height: 70px;
}
.application9 .icon {
  background: -webkit-linear-gradient(top, #44ff7e 0%, #00c33c 100%);
  background: -moz-linear-gradient(top, #44ff7e 0%, #00c33c 100%);
  background: -ms-linear-gradient(top, #44ff7e 0%, #00c33c 100%);
  background: -o-linear-gradient(top, #44ff7e 0%, #00c33c 100%);
  background: linear-gradient(top, #44ff7e 0%, #00c33c 100%);
}
.application9 .symbol {
  position: absolute;
  width: 26px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -25% 0 0 -25%;
  background: url(http://www.mcterano.com/blog/tutorials/404/images/symbol9.png) no-repeat;
}

.application10 {
  padding-top: 0;
  position: relative;
  display: inline-block;
  z-index: 1;
  height: 70px;
}
.application10 .icon {
  background: -webkit-linear-gradient(top, white 0%, #bfbfbf 100%);
  background: -moz-linear-gradient(top, white 0%, #bfbfbf 100%);
  background: -ms-linear-gradient(top, white 0%, #bfbfbf 100%);
  background: -o-linear-gradient(top, white 0%, #bfbfbf 100%);
  background: linear-gradient(top, white 0%, #bfbfbf 100%);
}
.application10 .symbol {
  position: absolute;
  width: 26px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -25% 0 0 -25%;
  background: url(http://www.mcterano.com/blog/tutorials/404/images/symbol10.png) no-repeat;
}

.application11 {
  padding-top: 0;
  position: relative;
  display: inline-block;
  z-index: 1;
  height: 70px;
}
.application11 .icon {
  background: -webkit-linear-gradient(top, #fe9065 0%, #e24101 100%);
  background: -moz-linear-gradient(top, #fe9065 0%, #e24101 100%);
  background: -ms-linear-gradient(top, #fe9065 0%, #e24101 100%);
  background: -o-linear-gradient(top, #fe9065 0%, #e24101 100%);
  background: linear-gradient(top, #fe9065 0%, #e24101 100%);
}
.application11 .symbol {
  position: absolute;
  width: 26px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -25% 0 0 -25%;
  background: url(http://www.mcterano.com/blog/tutorials/404/images/symbol11.png) no-repeat;
}

.application12 {
  padding-top: 0;
  position: relative;
  display: inline-block;
  z-index: 1;
  height: 70px;
}
.application12 .icon {
  background: -webkit-linear-gradient(top, #ff5b39 0%, #b92000 100%);
  background: -moz-linear-gradient(top, #ff5b39 0%, #b92000 100%);
  background: -ms-linear-gradient(top, #ff5b39 0%, #b92000 100%);
  background: -o-linear-gradient(top, #ff5b39 0%, #b92000 100%);
  background: linear-gradient(top, #ff5b39 0%, #b92000 100%);
}
.application12 .symbol {
  position: absolute;
  width: 26px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -25% 0 0 -25%;
  background: url(http://www.mcterano.com/blog/tutorials/404/images/symbol12.png) no-repeat;
}

.application13 {
  padding-top: 0;
  position: relative;
  display: inline-block;
  z-index: 1;
  height: 70px;
}
.application13 .icon {
  background: -webkit-linear-gradient(top, #d2ff26 0%, #84a500 100%);
  background: -moz-linear-gradient(top, #d2ff26 0%, #84a500 100%);
  background: -ms-linear-gradient(top, #d2ff26 0%, #84a500 100%);
  background: -o-linear-gradient(top, #d2ff26 0%, #84a500 100%);
  background: linear-gradient(top, #d2ff26 0%, #84a500 100%);
}
.application13 .symbol {
  position: absolute;
  width: 26px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -25% 0 0 -25%;
  background: url(http://www.mcterano.com/blog/tutorials/404/images/symbol13.png) no-repeat;
}

.application14 {
  padding-top: 0;
  position: relative;
  display: inline-block;
  z-index: 1;
  height: 70px;
}
.application14 .icon {
  background: -webkit-linear-gradient(top, #333333 0%, black 100%);
  background: -moz-linear-gradient(top, #333333 0%, black 100%);
  background: -ms-linear-gradient(top, #333333 0%, black 100%);
  background: -o-linear-gradient(top, #333333 0%, black 100%);
  background: linear-gradient(top, #333333 0%, black 100%);
}
.application14 .symbol {
  position: absolute;
  width: 26px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -25% 0 0 -25%;
  background: url(http://www.mcterano.com/blog/tutorials/404/images/symbol14.png) no-repeat;
}

.application15 {
  padding-top: 0;
  position: relative;
  display: inline-block;
  z-index: 1;
  height: 70px;
}
.application15 .icon {
  background: -webkit-linear-gradient(top, #ff44c5 0%, #c30087 100%);
  background: -moz-linear-gradient(top, #ff44c5 0%, #c30087 100%);
  background: -ms-linear-gradient(top, #ff44c5 0%, #c30087 100%);
  background: -o-linear-gradient(top, #ff44c5 0%, #c30087 100%);
  background: linear-gradient(top, #ff44c5 0%, #c30087 100%);
}
.application15 .symbol {
  position: absolute;
  width: 26px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -25% 0 0 -25%;
  background: url(http://www.mcterano.com/blog/tutorials/404/images/symbol15.png) no-repeat;
}

.application16 {
  padding-top: 0;
  position: relative;
  display: inline-block;
  z-index: 1;
  height: 70px;
}
.application16 .icon {
  background: -webkit-linear-gradient(top, white 0%, #bfbfbf 100%);
  background: -moz-linear-gradient(top, white 0%, #bfbfbf 100%);
  background: -ms-linear-gradient(top, white 0%, #bfbfbf 100%);
  background: -o-linear-gradient(top, white 0%, #bfbfbf 100%);
  background: linear-gradient(top, white 0%, #bfbfbf 100%);
}
.application16 .symbol {
  position: absolute;
  width: 26px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -25% 0 0 -25%;
  background: url(http://www.mcterano.com/blog/tutorials/404/images/symbol16.png) no-repeat;
}

.application17 {
  padding-top: 0;
  position: relative;
  display: inline-block;
  z-index: 1;
  height: 70px;
}
.application17 .icon {
  background: -webkit-linear-gradient(top, #65d3fe 0%, #01a2e2 100%);
  background: -moz-linear-gradient(top, #65d3fe 0%, #01a2e2 100%);
  background: -ms-linear-gradient(top, #65d3fe 0%, #01a2e2 100%);
  background: -o-linear-gradient(top, #65d3fe 0%, #01a2e2 100%);
  background: linear-gradient(top, #65d3fe 0%, #01a2e2 100%);
}
.application17 .symbol {
  position: absolute;
  width: 26px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -25% 0 0 -25%;
  background: url(http://www.mcterano.com/blog/tutorials/404/images/symbol17.png) no-repeat;
}

.application18 {
  padding-top: 0;
  position: relative;
  display: inline-block;
  z-index: 1;
  height: 70px;
}
.application18 .icon {
  background: -webkit-linear-gradient(top, #39ddff 0%, #0099b9 100%);
  background: -moz-linear-gradient(top, #39ddff 0%, #0099b9 100%);
  background: -ms-linear-gradient(top, #39ddff 0%, #0099b9 100%);
  background: -o-linear-gradient(top, #39ddff 0%, #0099b9 100%);
  background: linear-gradient(top, #39ddff 0%, #0099b9 100%);
}
.application18 .symbol {
  position: absolute;
  width: 26px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -25% 0 0 -25%;
  background: url(http://www.mcterano.com/blog/tutorials/404/images/symbol18.png) no-repeat;
}

.application19 {
  padding-top: 0;
  position: relative;
  display: inline-block;
  z-index: 1;
  height: 70px;
}
.application19 .icon {
  background: -webkit-linear-gradient(top, #5326ff 0%, #2200a5 100%);
  background: -moz-linear-gradient(top, #5326ff 0%, #2200a5 100%);
  background: -ms-linear-gradient(top, #5326ff 0%, #2200a5 100%);
  background: -o-linear-gradient(top, #5326ff 0%, #2200a5 100%);
  background: linear-gradient(top, #5326ff 0%, #2200a5 100%);
}
.application19 .symbol {
  position: absolute;
  width: 26px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -25% 0 0 -25%;
  background: url(http://www.mcterano.com/blog/tutorials/404/images/symbol19.png) no-repeat;
}

.application20 {
  padding-top: 0;
  position: relative;
  display: inline-block;
  z-index: 1;
  height: 70px;
}
.application20 .icon {
  background: -webkit-linear-gradient(top, #333333 0%, black 100%);
  background: -moz-linear-gradient(top, #333333 0%, black 100%);
  background: -ms-linear-gradient(top, #333333 0%, black 100%);
  background: -o-linear-gradient(top, #333333 0%, black 100%);
  background: linear-gradient(top, #333333 0%, black 100%);
}
.application20 .symbol {
  position: absolute;
  width: 26px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -25% 0 0 -25%;
  background: url(http://www.mcterano.com/blog/tutorials/404/images/symbol20.png) no-repeat;
}

.application21 {
  padding-top: 5px;
  position: relative;
  display: inline-block;
  z-index: 1;
  height: 70px;
}
.application21 .icon {
  background: -webkit-linear-gradient(top, #44ff7e 0%, #00c33c 100%);
  background: -moz-linear-gradient(top, #44ff7e 0%, #00c33c 100%);
  background: -ms-linear-gradient(top, #44ff7e 0%, #00c33c 100%);
  background: -o-linear-gradient(top, #44ff7e 0%, #00c33c 100%);
  background: linear-gradient(top, #44ff7e 0%, #00c33c 100%);
}
.application21 .symbol {
  position: absolute;
  width: 26px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -25% 0 0 -25%;
  background: url(http://www.mcterano.com/blog/tutorials/404/images/symbol21.png) no-repeat;
}

.application22 {
  padding-top: 5px;
  position: relative;
  display: inline-block;
  z-index: 1;
  height: 70px;
}
.application22 .icon {
  background: -webkit-linear-gradient(top, white 0%, #bfbfbf 100%);
  background: -moz-linear-gradient(top, white 0%, #bfbfbf 100%);
  background: -ms-linear-gradient(top, white 0%, #bfbfbf 100%);
  background: -o-linear-gradient(top, white 0%, #bfbfbf 100%);
  background: linear-gradient(top, white 0%, #bfbfbf 100%);
}
.application22 .symbol {
  position: absolute;
  width: 26px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -25% 0 0 -25%;
  background: url(http://www.mcterano.com/blog/tutorials/404/images/symbol22.png) no-repeat;
}

.application23 {
  padding-top: 5px;
  position: relative;
  display: inline-block;
  z-index: 1;
  height: 70px;
}
.application23 .icon {
  background: -webkit-linear-gradient(top, #fe9065 0%, #e24101 100%);
  background: -moz-linear-gradient(top, #fe9065 0%, #e24101 100%);
  background: -ms-linear-gradient(top, #fe9065 0%, #e24101 100%);
  background: -o-linear-gradient(top, #fe9065 0%, #e24101 100%);
  background: linear-gradient(top, #fe9065 0%, #e24101 100%);
}
.application23 .symbol {
  position: absolute;
  width: 26px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -25% 0 0 -25%;
  background: url(http://www.mcterano.com/blog/tutorials/404/images/symbol23.png) no-repeat;
}

.application24 {
  padding-top: 5px;
  position: relative;
  display: inline-block;
  z-index: 1;
  height: 70px;
}
.application24 .icon {
  background: -webkit-linear-gradient(top, #ff5b39 0%, #b92000 100%);
  background: -moz-linear-gradient(top, #ff5b39 0%, #b92000 100%);
  background: -ms-linear-gradient(top, #ff5b39 0%, #b92000 100%);
  background: -o-linear-gradient(top, #ff5b39 0%, #b92000 100%);
  background: linear-gradient(top, #ff5b39 0%, #b92000 100%);
}
.application24 .symbol {
  position: absolute;
  width: 26px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin: -25% 0 0 -25%;
  background: url(http://www.mcterano.com/blog/tutorials/404/images/symbol24.png) no-repeat;
}

<div class="iphone">
    <div class="screen">
        <div class="top">
            <div class="network">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </div>
            <div class="clock">15:21</div>
            <div class="battery">53%</div>
        </div>
        <div class="application1">
            <div class="icon"><i class="symbol"></i>
            </div>
            <div class="caption">מצלמה</div>
        </div>
        <div class="application2">
            <div class="icon"><i class="symbol"></i>
            </div>
            <div class="caption">קריאה</div>
        </div>
        <div class="application3">
            <div class="icon"><i class="symbol"></i>
            </div>
            <div class="caption">חברים</div>
        </div>
        <div class="application4">
            <div class="icon"><i class="symbol"></i>
            </div>
            <div class="caption">הפעלה</div>
        </div>
        <div class="application5">
            <div class="icon"><i class="symbol"></i>
            </div>
            <div class="caption">תמונות</div>
        </div>
        <div class="application6">
            <div class="icon"><i class="symbol"></i>
            </div>
            <div class="caption">אורגן</div>
        </div>
        <div class="application7">
            <div class="icon"><i class="symbol"></i>
            </div>
            <div class="caption">יומן</div>
        </div>
        <div class="application8">
            <div class="icon"><i class="symbol"></i>
            </div>
            <div class="caption">הגדרות</div>
        </div>
        <div class="application9">
            <div class="icon"><i class="symbol"></i>
            </div>
            <div class="caption">מפות</div>
        </div>
        <div class="application10">
            <div class="icon"><i class="symbol"></i>
            </div>
            <div class="caption">שליחה</div>
        </div>
        <div class="application11">
            <div class="icon"><i class="symbol"></i>
            </div>
            <div class="caption">משחק</div>
        </div>
        <div class="application12">
            <div class="icon"><i class="symbol"></i>
            </div>
            <div class="caption">מחשבון</div>
        </div>
        <div class="application13">
            <div class="icon"><i class="symbol"></i>
            </div>
            <div class="caption">כדורגל</div>
        </div>
        <div class="application14">
            <div class="icon"><i class="symbol"></i>
            </div>
            <div class="caption">מהירות</div>
        </div>
        <div class="application15">
            <div class="icon"><i class="symbol"></i>
            </div>
            <div class="caption">מכשיר</div>
        </div>
        <div class="application16">
            <div class="icon"><i class="symbol"></i>
            </div>
            <div class="caption">מניות</div>
        </div>
        <div class="application17">
            <div class="icon"><i class="symbol"></i>
            </div>
            <div class="caption">קניות</div>
        </div>
        <div class="application18">
            <div class="icon"><i class="symbol"></i>
            </div>
            <div class="caption">מדיה</div>
        </div>
        <div class="application19">
            <div class="icon"><i class="symbol"></i>
            </div>
            <div class="caption">מסור</div>
        </div>
        <div class="application20">
            <div class="icon"><i class="symbol"></i>
            </div>
            <div class="caption">רשת</div>
        </div>
        <div class="application21">
            <div class="icon"><i class="symbol"></i>
            </div>
            <div class="caption">טלפון</div>
        </div>
        <div class="application22">
            <div class="icon"><i class="symbol"></i>
            </div>
            <div class="caption">דואר</div>
        </div>
        <div class="application23">
            <div class="icon"><i class="symbol"></i>
            </div>
            <div class="caption">מוזיקה</div>
        </div>
        <div class="application24">
            <div class="icon"><i class="symbol"></i>
            </div>
            <div class="caption">הודעות</div>
        </div>
        <div class="bottom_bg"></div>
    </div>
</div>