├── hero-bg.jpg ├── README.md ├── error.html ├── styles.css └── index.html /hero-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/StephenLegacy/AWS-Project-Website/HEAD/hero-bg.jpg -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## Website For My Project Working On Cloud Deployments With Amazon EC2 and Amazon S3 2 | Created By StephenLegacy 3 | Work in Progress 4 | -------------------------------------------------------------------------------- /error.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Error - Page Not Found 7 | 31 | 32 | 33 |
34 |

404 - Page Not Found

35 |

We're sorry, but the page you were looking for doesn't exist.

36 |

Go back to Home

37 |
38 | 39 | 40 | -------------------------------------------------------------------------------- /styles.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: Arial, sans-serif; 3 | margin: 0; 4 | padding: 0; 5 | box-sizing: border-box; 6 | } 7 | 8 | header { 9 | background: #333; 10 | color: white; 11 | padding: 10px 0; 12 | text-align: center; 13 | } 14 | 15 | nav { 16 | display: flex; 17 | justify-content: space-between; 18 | align-items: center; 19 | max-width: 1200px; 20 | margin: 0 auto; 21 | padding: 0 22px; 22 | } 23 | 24 | nav .logo { 25 | font-size: 25px; 26 | font-weight: bold; 27 | } 28 | 29 | nav ul { 30 | list-style: none; 31 | margin: 0; 32 | padding: 0; 33 | display: flex; 34 | } 35 | 36 | nav ul li { 37 | margin: 0 15px; 38 | } 39 | 40 | nav ul li a { 41 | color: white; 42 | text-decoration: none; 43 | font-weight: bold; 44 | } 45 | 46 | .hero-section { 47 | background: url('hero-bg.jpg') no-repeat center center/cover; 48 | color: white; 49 | text-align: center; 50 | padding: 100px 20px; 51 | position: relative; 52 | } 53 | 54 | .hero-section::before { 55 | content: ""; 56 | position: absolute; 57 | top: 0; 58 | left: 0; 59 | width: 100%; 60 | height: 100%; 61 | background: rgba(0, 0, 0, 0.5); /* Dark overlay to make text stand out */ 62 | } 63 | 64 | .hero-section h1, .hero-section p { 65 | position: relative; 66 | z-index: 1; 67 | } 68 | 69 | .hero-section h1 { 70 | font-size: 48px; 71 | margin: 0 0 20px; 72 | } 73 | 74 | .hero-section p { 75 | font-size: 24px; 76 | margin: 10px 0; 77 | } 78 | 79 | section { 80 | padding: 60px 20px; 81 | text-align: center; 82 | } 83 | 84 | section h2 { 85 | font-size: 36px; 86 | margin-bottom: 20px; 87 | } 88 | 89 | .service-container { 90 | display: flex; 91 | justify-content: space-around; 92 | flex-wrap: wrap; 93 | } 94 | 95 | .service-box { 96 | background: #f4f4f4; 97 | padding: 20px; 98 | margin: 10px; 99 | flex: 1; 100 | min-width: 250px; 101 | box-shadow: 0 0 10px rgba(0,0,0,0.1); 102 | } 103 | 104 | .service-box h3 { 105 | font-size: 24px; 106 | margin-bottom: 10px; 107 | } 108 | 109 | .about-content { 110 | text-align: left; 111 | max-width: 800px; 112 | margin: 0 auto; 113 | } 114 | 115 | .about-details { 116 | margin-top: 30px; 117 | } 118 | 119 | .about-details h3 { 120 | font-size: 28px; 121 | margin-bottom: 10px; 122 | } 123 | 124 | .about-details p, .about-details ul { 125 | font-size: 18px; 126 | margin-bottom: 20px; 127 | } 128 | 129 | .about-details ul { 130 | list-style-type: disc; 131 | padding-left: 20px; 132 | } 133 | 134 | .about-details ul li { 135 | margin-bottom: 10px; 136 | } 137 | 138 | .testimonials blockquote { 139 | background: #f9f9f9; 140 | border-left: 10px solid #ccc; 141 | margin: 20px 0; 142 | padding: 10px 20px; 143 | quotes: "\201C""\201D""\2018""\2019"; 144 | } 145 | 146 | .testimonials blockquote p { 147 | display: inline; 148 | font-size: 18px; 149 | } 150 | 151 | .testimonials blockquote cite { 152 | display: block; 153 | text-align: right; 154 | color: #555; 155 | font-style: normal; 156 | font-size: 16px; 157 | margin-top: 5px; 158 | } 159 | 160 | form { 161 | max-width: 601px; 162 | margin: 0 auto; 163 | text-align: left; 164 | } 165 | 166 | form label { 167 | display: block; 168 | margin: 10px 0 5px; 169 | } 170 | 171 | form input, form textarea { 172 | width: 100%; 173 | padding: 10px; 174 | margin-bottom: 20px; 175 | border: 1px solid #ccc; 176 | border-radius: 5px; 177 | } 178 | 179 | form button { 180 | padding: 10px 20px; 181 | background: #333; 182 | color: white; 183 | border: none; 184 | border-radius: 5px; 185 | cursor: pointer; 186 | } 187 | 188 | form button:hover { 189 | background: #555; 190 | } 191 | 192 | footer { 193 | background: #333; 194 | color: white; 195 | text-align: center; 196 | padding: 20px 0; 197 | position: relative; 198 | } 199 | 200 | @media (max-width: 768px) { 201 | .service-container { 202 | flex-direction: column; 203 | } 204 | } 205 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | TechConsult 7 | 8 | 9 | 10 |
11 | 20 |
21 |
22 |

Welcome to TechConsult

23 |

Empowering Your Business with Cutting-Edge Technology Solutions

24 |

At TechConsult, we blend innovation with expertise to drive your success.

25 |
26 |
27 |

Our Services

28 |
29 |
30 |

Web Developmenuut

31 |

We build responsive and modern websites.

32 |
33 |
34 |

Data Analyuusis

35 |

Expert data analysis and reporting services.

36 |
37 |
38 |

Consulting

39 |

Professional IT consulting services.

40 |

Professional IT consulting services.

41 |

Professional IT cloud services.

42 |
43 |
44 |
45 |
46 |

About Us

47 |
48 |

TechConsult is dedicated to providing top-notch tech solutions to businesses of all sizes. Our team of experts is here to help you navigate the complexities of technology and achieve your business goals.

49 |
50 |
51 |

Our Mission

52 |

To empower businesses through innovative technology solutions and unparalleled expertise.

53 |
54 |
55 |

Vision

56 |

To be the leading tech consultancy, transforming businesses and driving technological advancement globally.

57 |
58 |
59 |

Our Values

60 |
    61 |
  • Integrity: We uphold the highest standards of integrity in all our actions.
    • 62 |
  • Innovation: We embrace change and continuously seek new and better ways to serve our clients.
    • 63 |
  • Excellence: We strive for excellence in everything we do.
    • 64 |
  • Collaboration: We believe in the power of working together to achieve common goals.
    • 65 |
66 |
67 |
68 |

Meet Our Team

69 |

Our team consists of experienced professionals who are passionate about technology and committed to delivering the best results for our clients.

70 |
71 |
72 |

What Our Clients Say

73 |
74 |

"TechConsult transformed our business. Their innovative solutions and dedicated support were instrumental in our success."

75 | - Client A 76 |
77 |
78 |

"The team at TechConsult is super-exceptional. Their expertise and professionalism exceeded our expectations."

79 | - Client B 80 |
81 |
82 |
83 |
84 |
85 |
86 |

Contact Us

87 |
88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 |
96 |
97 | 100 | 101 | 102 | --------------------------------------------------------------------------------