├── img └── img.jpg ├── style.css └── index.html /img/img.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JohnMwendwa/electronics/HEAD/img/img.jpg -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | display: flex; 3 | flex-direction: column; 4 | min-height: 100vh; 5 | } 6 | 7 | main{ 8 | flex: 1 0 auto; 9 | } 10 | 11 | .main-header{ 12 | background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)) ,url('img/img.jpg'); 13 | background-position: center; 14 | background-size: cover; 15 | color: white; 16 | min-height: 600px; 17 | 18 | } 19 | 20 | .main-header .showcase{ 21 | margin-top: 100px; 22 | } 23 | .services{ 24 | padding: 20px; 25 | margin-bottom: 20px; 26 | } 27 | .contact{ 28 | margin-bottom: 30px; 29 | } 30 | .contact{ 31 | padding: 20px; 32 | } 33 | .social-media *{ 34 | margin-right:10px; 35 | } 36 | #mobile-nav{ 37 | background-image: url('img/img.jpg'); 38 | height: 100vh; 39 | background-position: center; 40 | background-size: cover; 41 | } -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | Document 12 | 13 | 14 |
15 | 36 | 37 | 60 | 61 |
62 |
63 |
64 |
Welcome to M-Robotics
65 |

Best Solutions to Everything Electronic

66 | 67 |
68 |
69 | Learn More 70 | Learn More 71 |
72 |
73 |
74 |
75 | 76 | 77 |
78 |
79 |
80 |
81 |

Services

82 |
83 |
84 | tv 85 |
Tv Repair
86 |

87 | Lorem ipsum dolor sit amet consectetur adipisicing elit. In architecto quaerat tempore placeat natus accusantium et enim nulla culpa molestiae. 88 |

89 |
90 |
91 |
92 |
93 | phone_android 94 |
Mobile Repair
95 |

96 | Lorem ipsum dolor sit amet consectetur adipisicing elit. In architecto quaerat tempore placeat natus accusantium et enim nulla culpa molestiae. 97 |

98 |
99 |
100 |
101 |
102 | cable 103 |
Electronics Repair
104 |

105 | Lorem ipsum dolor sit amet consectetur adipisicing elit. In architecto quaerat tempore placeat natus accusantium et enim nulla culpa molestiae. 106 |

107 |
108 |
109 |
110 |
111 |
112 | 113 |
114 |
115 |
116 |
117 |

Contact Us

118 | 129 |
130 |
131 |
132 |
133 | 134 |
135 |
136 |

Testimonials

137 |
138 |
139 |
140 |
141 |

142 | Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatibus, unde est culpa asperiores nihil quis. Numquam vitae neque quis ipsum. 143 |

144 | 145 |
146 |
147 | Jon 148 |
149 |
150 |
151 |
152 |
153 |
154 |

155 | Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatibus, unde est culpa asperiores nihil quis. Numquam vitae neque quis ipsum. 156 |

157 | 158 |
159 |
160 | Alex 161 |
162 |
163 |
164 |
165 |
166 |
167 |

168 | Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatibus, unde est culpa asperiores nihil quis. Numquam vitae neque quis ipsum. 169 |

170 | 171 |
172 |
173 | Joseph 174 |
175 |
176 |
177 |
178 | 179 |
180 | 181 | 182 | 183 |
184 |
185 | 186 | 187 | 218 | 222 | 223 | 224 | 231 | 232 | --------------------------------------------------------------------------------