├── Nordic ├── milkdark.jpg ├── iconnordic.jpg ├── narrow down.jpg ├── index.html └── style.css └── The creative works ├── icon.jpg ├── tclogo.webp ├── Get in touch.jpg ├── our-clients.jpg ├── logo.svg ├── index.html └── style.css /Nordic/milkdark.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/NandhuNarayanan/Static/HEAD/Nordic/milkdark.jpg -------------------------------------------------------------------------------- /Nordic/iconnordic.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/NandhuNarayanan/Static/HEAD/Nordic/iconnordic.jpg -------------------------------------------------------------------------------- /Nordic/narrow down.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/NandhuNarayanan/Static/HEAD/Nordic/narrow down.jpg -------------------------------------------------------------------------------- /The creative works/icon.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/NandhuNarayanan/Static/HEAD/The creative works/icon.jpg -------------------------------------------------------------------------------- /The creative works/tclogo.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/NandhuNarayanan/Static/HEAD/The creative works/tclogo.webp -------------------------------------------------------------------------------- /The creative works/Get in touch.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/NandhuNarayanan/Static/HEAD/The creative works/Get in touch.jpg -------------------------------------------------------------------------------- /The creative works/our-clients.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/NandhuNarayanan/Static/HEAD/The creative works/our-clients.jpg -------------------------------------------------------------------------------- /The creative works/logo.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /Nordic/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Nordic 8 | 9 | 10 | 11 |
12 |
13 | 16 |
17 | 18 | 19 |
20 |
21 | 22 |
23 |
24 |
25 |
26 | Shop 27 | This is us 28 | Chocolate Maker Notes 29 | Let's Connect 30 | 31 |
32 | 33 | 34 |
35 | 36 |
37 |
38 |
39 |
40 |
41 | 42 |
43 |
44 | 45 |
46 |
47 |
48 |
49 |

Nordic Dark Milk Chocolate

50 |
51 |
$7.50
52 |
53 |

Shipping calculated at checkout.

54 |
55 |
56 |
57 | Size 58 |
59 | 64 |
65 |
66 |
67 |
68 | 69 |
70 |
71 | 72 |
73 | 74 |
75 |
76 |
77 |

TASTING NOTES

78 |
79 |
80 |

This bar honors the first luxury milk chocolate bar Kristin had when 81 |
growing up in her small town. It was imported from Norway to a local gift 82 |
shop. Like many ancestral settlers in the area, the bar’s taste profile 83 |
harkens to the motherland and its notable chocolate legacy. To Kristin, this 84 |
bar is a tribute to her roots.

85 |
86 |
87 |

TEXTURE

88 |
89 |
90 |

A perfect blend of balanced chocolate, caramel and fudge notes make the 91 |
perfect bite with a longer finish.

92 |
93 |
94 |

FINISH

95 |
96 |
97 |

This bar will linger and has a longer finish of premium chocolate.

98 |
99 |
100 |
1 bar
101 |
Dimensions: 3" x 6"
102 |
Weight: 2 oz / 62 g
103 |
104 |

105 | Ingredients: organic cocoa beans, organic cane sugar, organic cocoa butter, whole milk powder 106 |

107 |
108 |
109 | 110 | 111 | 112 | 113 |
114 | 115 |
116 | 117 |
118 |
119 | 170 | 171 | 172 | 173 | 174 | -------------------------------------------------------------------------------- /The creative works/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | The Creative Works 8 | 9 | 10 | 11 |
12 |
13 |
14 | 15 |
16 |
17 | 20 |
21 | 22 | 23 | 24 |
25 | 26 |
27 |
28 |
29 |
30 | 33 | 45 | 46 | 47 |
48 |
49 |
50 |

The Creative Works is a full service creative agency with 24 dedicated staff. We specialise in standout strategy, creative and digital for organisations that care about their impact on our society. For over 32 years, we have helped solve communications problems and deliver real results for socially-minded brands by changing behaviour and creating conversation. Our campaigns educate, entertain and enter the public consciousness.

51 | 52 |
53 | 54 |
55 |
56 |
57 |
58 | 62 |
63 |

Strategy

64 | 65 |
66 |
67 | 68 | 69 |
70 |
    71 |
  • Customer/Member research
    • 72 |
  • Brand, planning & architecture
    • 73 |
  • Member engagement
    • 74 |
  • Campaign strategy
    • 75 |
  • Content strategy
    • 76 |
  • Digital strategy
    • 77 |
  • Social strategy
    • 78 |
  • Communications strategy
    • 79 |
  • Marketing strategy
    • 80 |
  • Media Planning
    • 81 |
82 | 83 | 84 | 85 |
86 | 87 | 88 |
89 |
90 |
91 | 95 |
96 |

Creative

97 | 98 |
99 | 100 |
101 |
102 |
    103 |
  • Concept development
    • 104 |
  • Brand & identity design
    • 105 |
  • Digital design
    • 106 |
  • Print Design
    • 107 |
  • Integrated advertising campaigns
    • 108 |
  • Video production
    • 109 |
  • Photography & illustration
    • 110 |
  • Animation
    • 111 |
  • Content creation
    • 112 |
  • Copywriting
    • 113 |
114 | 115 |
116 | 117 |
118 |
119 |
120 | 124 |
125 |

Digital

126 | 127 |
128 |
129 |
130 |
    131 |
  • Website development
    • 132 |
  • Design & UX
    • 133 |
  • Search Engine Optimisation
    • 134 |
  • Digital & Search Engine Marketing
    • 135 |
  • Social media marketing
    • 136 |
  • Programmatic advertising
    • 137 |
  • Mobile development
    • 138 |
  • Marketing automation
    • 139 |
  • CRM integration
    • 140 |
  • Custom product builds
    • 141 |
142 | 143 |
144 | 145 |
146 |
147 |
148 |

Let's start a 149 |
project 150 |
together!

151 | 152 |
153 |
154 | 155 | 156 |
157 | 158 |
159 | 160 | 161 |
162 | 163 |
164 |
165 |

Featured work

166 |
167 |
168 |
169 | 170 | 171 |
172 |
173 | 174 | 175 |
176 |
177 | 178 | 179 |
180 | 181 | 182 | 183 |
184 | 185 |
186 |
187 |
188 |
189 |

Our Clients

190 |
191 |
192 |

Valued collaborators, past and present

193 |
194 | 195 |
196 | 199 |
200 | 203 |
204 | 205 | 206 |
207 |
208 |
209 |
210 |

Get in touch

211 |
212 |
213 |

We work with great organisations to make people's lives better. How can we help yours?

214 |
215 |
216 | 219 | 220 |
221 | 222 |
223 | 224 |
225 | 255 | 256 | 257 | -------------------------------------------------------------------------------- /Nordic/style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | padding: 0; 3 | margin: 0; 4 | overflow-x: hidden; 5 | font-family: Helvetica,sans-serif;; 6 | } 7 | 8 | .logo-tab{ 9 | display: flex; 10 | justify-content: center; 11 | align-items: center; 12 | width: 100%; 13 | height: 150px; 14 | /* background-color: yellowgreen; */ 15 | } 16 | .sub-tab{ 17 | display: flex; 18 | justify-content: space-between; 19 | align-self: flex-end; 20 | width: 90%; 21 | height:100px; 22 | /* background-color: seagreen; */ 23 | } 24 | .logo{ 25 | display: flex; 26 | justify-content:end; 27 | width: 55%; 28 | height: 100px; 29 | /* background-color: steelblue; */ 30 | } 31 | .icon{ 32 | display: flex; 33 | justify-content: flex-end; 34 | align-self: flex-end; 35 | width: 40%; 36 | height: 60px; 37 | /* background-color: violet; */ 38 | } 39 | .nev-bar{ 40 | display: flex; 41 | justify-content: center; 42 | align-items: center; 43 | width: 100%; 44 | height: 70px; 45 | /* background-color: yellow; */ 46 | } 47 | .nav-inn{ 48 | display: flex; 49 | justify-content: center; 50 | align-items: center; 51 | width: 100%; 52 | height: 50px; 53 | /* background-color: teal; */ 54 | } 55 | .nav{ 56 | 57 | display: flex; 58 | justify-content: space-evenly; 59 | align-items: center; 60 | width: 40%; 61 | height: 40px; 62 | /* background-color: sandybrown; */ 63 | } 64 | .nav a{ 65 | color: black; 66 | } 67 | .narrow{ 68 | width: 2%; 69 | height: 10px; 70 | display: flex; 71 | justify-content: center; 72 | align-self: center; 73 | } 74 | .nordic{ 75 | display: flex; 76 | justify-content: center; 77 | align-items: center; 78 | width: 100%; 79 | height: 1100px; 80 | /* background-color: brown; */ 81 | } 82 | .sub-nordic{ 83 | display: flex; 84 | justify-content: center; 85 | align-items: center; 86 | width: 90%; 87 | height: 1300px; 88 | /* background-color: chartreuse; */ 89 | } 90 | .tab1-nordic{ 91 | display: flex; 92 | justify-content: center; 93 | align-items: center; 94 | flex-direction: column; 95 | width: 50%; 96 | height: 1100px; 97 | background-color:#fff; 98 | } 99 | .photo-nordic{ 100 | object-fit: cover; 101 | width: 350px; 102 | height: 550px; 103 | /* background-color: black; */ 104 | } 105 | .image{ 106 | width: 100%; 107 | height: 100%; 108 | } 109 | .grp-nordic{ 110 | width: 90%; 111 | height: 500px; 112 | /* background-color: rgb(198, 59, 59); */ 113 | } 114 | .milk{ 115 | width: 100%; 116 | height: 100%; 117 | } 118 | .tab2-nordic{ 119 | display: flex; 120 | justify-content: center; 121 | align-items: center; 122 | flex-direction: column; 123 | width:50%; 124 | height: 1200px; 125 | /* background-color: violet; */ 126 | } 127 | .darkmilk{ 128 | display: flex; 129 | justify-content: flex-start; 130 | align-items: center; 131 | width: 75%; 132 | height: 30px; 133 | /* background-color: turquoise; */ 134 | } 135 | .money{ 136 | display: flex; 137 | justify-content: flex-start; 138 | align-items: center; 139 | width: 75%; 140 | height: 40px; 141 | /* background-color: springgreen; */ 142 | } 143 | .shipping{ 144 | display: flex; 145 | justify-content: flex-start; 146 | align-items: center; 147 | width: 75%; 148 | height: 40px; 149 | /* background-color: brown; */ 150 | } 151 | .form{ 152 | display: flex; 153 | justify-content: center; 154 | align-items: center; 155 | flex-direction: column; 156 | width: 90%; 157 | height: 100px; 158 | /* background-color: burlywood; */ 159 | } 160 | .size{ 161 | display: flex; 162 | justify-content: center; 163 | align-items: center; 164 | flex-direction: column; 165 | width: 85%; 166 | height: 150px; 167 | /* background-color: cornflowerblue; */ 168 | } 169 | .leb{ 170 | font-weight: lighter; 171 | font-size: 20px; 172 | width: 94%; 173 | display: flex; 174 | justify-content:flex-start; 175 | align-items:flex-start; 176 | 177 | } 178 | .select{ 179 | width: 95%; 180 | height: 48px; 181 | } 182 | .cartnow{ 183 | display: flex; 184 | justify-content: center; 185 | align-items: center; 186 | flex-direction: column; 187 | width: 90%; 188 | height: 150px; 189 | /* background-color: darkgreen; */ 190 | } 191 | .addcart{ 192 | display: flex; 193 | justify-content: center; 194 | align-items: center; 195 | width: 80%; 196 | height: 55px; 197 | /* background-color: darkgoldenrod; */ 198 | } 199 | .btn1{ 200 | width: 100%; 201 | height: 48px; 202 | color:#557b97; 203 | border-color: #557b97; 204 | background-color: transparent; 205 | border-width: 1px; 206 | 207 | } 208 | .buyit{ 209 | display: flex; 210 | justify-content: center; 211 | align-items: center; 212 | width: 80%; 213 | height: 55px; 214 | /* background-color: darkblue; */ 215 | } 216 | .btn{ 217 | width: 100%; 218 | height: 48px; 219 | color: #fff; 220 | background-color: #557b97; 221 | border-width: 0px; 222 | } 223 | .text{ 224 | display: flex; 225 | justify-content: center; 226 | align-items: center; 227 | flex-direction: column; 228 | width:90%; 229 | height: 550px; 230 | /* background-color: slategrey; */ 231 | } 232 | .tasting{ 233 | display: flex; 234 | justify-content:center; 235 | flex-direction: column; 236 | width: 80%; 237 | height: 60px; 238 | /* background-color: rgb(104, 60, 92); */ 239 | } 240 | .p1{ 241 | margin-right:0px; 242 | height: 80px; 243 | display: flex; 244 | justify-content: flex-start; 245 | align-self:flex-start; 246 | flex-direction: column; 247 | } 248 | 249 | .tuxture{ 250 | display: flex; 251 | justify-content:center; 252 | flex-direction: column; 253 | width: 80%; 254 | height: 80px; 255 | /* background-color: rgb(222, 143, 143); */ 256 | } 257 | .p2{ 258 | margin-right:0px; 259 | height: 50px; 260 | display: flex; 261 | justify-content: flex-start; 262 | align-self:flex-start; 263 | flex-direction: column; 264 | } 265 | .finish{ 266 | display: flex; 267 | justify-content:space-around; 268 | flex-direction: column; 269 | width: 80%; 270 | height: 50px; 271 | /* background-color: rgb(124, 101, 57); */ 272 | } 273 | .p3{ 274 | margin-right:60px; 275 | height: 50px; 276 | display: flex; 277 | justify-content: flex-start; 278 | align-self:flex-start; 279 | flex-direction: column; 280 | } 281 | .items{ 282 | 283 | display: flex; 284 | justify-content: center; 285 | align-items: center; 286 | flex-direction: column; 287 | width: 94%; 288 | height: 170px; 289 | /* background-color: rgb(37, 11, 241); */ 290 | } 291 | .bar{ 292 | width: 85%; 293 | height: 50px; 294 | /* background-color: rgb(58, 242, 33); */ 295 | } 296 | .dimension{ 297 | width: 85%; 298 | height: 50px; 299 | /* background-color: rgb(21, 145, 233); */ 300 | } 301 | .weight{ 302 | width: 85%; 303 | height: 50px; 304 | /* background-color: rgb(0, 19, 40); */ 305 | } 306 | .ingrerients{ 307 | display: flex; 308 | justify-content:space-around; 309 | flex-direction: column; 310 | width: 85%; 311 | height: 70px; 312 | /* background-color: rgb(233, 140, 248); */ 313 | } 314 | .yahoo{ 315 | display: flex; 316 | justify-content: center; 317 | align-items: center; 318 | flex-direction: column; 319 | background-color: #f5f5f5;; 320 | width: 100%; 321 | height: 500px; 322 | } 323 | .innerdiv{ 324 | display: flex; 325 | justify-content: center; 326 | align-items: center; 327 | width: 80%; 328 | height: 400px; 329 | background-color:#f5f5f5; 330 | } 331 | .tcfood{ 332 | height: 300px; 333 | width: 20%; 334 | /* background-color: brown; */ 335 | } 336 | .infood{ 337 | display: flex; 338 | justify-content: center; 339 | align-items: center; 340 | flex-direction: column; 341 | height: 70px; 342 | } 343 | .quick{ 344 | display: flex; 345 | justify-content: center; 346 | align-items: center; 347 | flex-direction: column; 348 | height: 300px; 349 | width: 20%; 350 | /* background-color: chocolate; */ 351 | } 352 | .search{ 353 | width:60% ; 354 | height: 90px; 355 | /* background-color: skyblue; */ 356 | } 357 | .hello{ 358 | width:70% ; 359 | height: 150px; 360 | /* background-color:darkgreen; */ 361 | } 362 | .hello ul li{ 363 | list-style: none; 364 | } 365 | .news{ 366 | height: 200px; 367 | width: 70%; 368 | /* background-color: steelblue; */ 369 | } 370 | .letter{ 371 | margin-left: 60px; 372 | width: 60%; 373 | height: 40px; 374 | /* background-color: salmon; */ 375 | } 376 | .shopify{ 377 | display: flex; 378 | justify-content: center; 379 | align-items: center; 380 | width: 100%; 381 | height: 100px; 382 | background-color: #f5f5f5; 383 | border-color: rgb(250, 0, 0); 384 | border-radius: 1px; 385 | } 386 | .shop{ 387 | width: 80%; 388 | height: 150px; 389 | /* background-color: springgreen; */ 390 | } 391 | .news .subcribe{ 392 | align-items: center; 393 | width: 90%; 394 | height: 50%; 395 | } 396 | .email{ 397 | margin-left: 60px; 398 | height: 40px; 399 | width: 55%; 400 | } 401 | .sub{ 402 | height: 45px; 403 | width: 20%; 404 | background-color: #5d93b9c6; 405 | border-color: #5e90b3dc; 406 | } 407 | .fom{ 408 | width: 100%; 409 | } 410 | .line{ 411 | width: 100%; 412 | height: 1px; 413 | background-color: rgba(54, 52, 52, 0.282); 414 | } 415 | .fb{ 416 | padding-top: 40px; 417 | display: flex; 418 | justify-content: baseline; 419 | align-items: center; 420 | width: 30%; 421 | height: 50px; 422 | /* background-color:#f5f5f5; */ 423 | } 424 | .fb img{ 425 | height: 60%; 426 | } 427 | .powered a{ 428 | color: black; 429 | } -------------------------------------------------------------------------------- /The creative works/style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | padding: 0; 3 | margin: 0; 4 | overflow-x: hidden; 5 | } 6 | .top{ 7 | width: 100%; 8 | height: 90px; 9 | background-color:#333333; 10 | position:absolute; 11 | z-index:1; 12 | } 13 | .creative{ 14 | display: flex; 15 | justify-content: space-between; 16 | width: 100%; 17 | height: 90px; 18 | background-color:#333333ea; 19 | position: fixed; 20 | z-index:1; 21 | } 22 | .creativework{ 23 | display: flex; 24 | justify-content: center; 25 | height: 100px; 26 | width: 160px; 27 | /* background-color: steelblue; */ 28 | } 29 | .image{ 30 | width: 80%; 31 | height: 80%; 32 | } 33 | .icon{ 34 | display: flex; 35 | justify-content: center; 36 | width: 90%; 37 | } 38 | .icons{ 39 | display: flex; 40 | justify-content: space-around; 41 | align-items: center; 42 | height: 100px; 43 | width: 200px; 44 | /* background-color: blue; */ 45 | } 46 | .touchit{ 47 | height: 40px; 48 | width: 80%; 49 | } 50 | .video-bg{ 51 | width: 100%; 52 | height: 100vh; 53 | overflow: hidden; 54 | display: flex; 55 | justify-content: center; 56 | align-items: center; 57 | } 58 | .video-bg video{ 59 | 60 | position: absolute; 61 | top: 0; 62 | left: 0; 63 | width: 100%; 64 | height: 100%; 65 | object-fit: cover; 66 | pointer-events: none; 67 | } 68 | .video-bg .banner-content{ 69 | 70 | position: relative; 71 | z-index: 1; 72 | max-width: 1000px; 73 | margin: 0 auto; 74 | text-align: center; 75 | } 76 | .video-bg .banner-content h1{ 77 | 78 | margin: 0; 79 | padding: 0; 80 | font-size: 4.5em; 81 | text-transform: uppercase; 82 | } 83 | .para{ 84 | display: flex; 85 | justify-content: center; 86 | align-items: center; 87 | width: 100%; 88 | height: 400px; 89 | /* background-color: turquoise; */ 90 | } 91 | .graph{ 92 | width: 90%; 93 | height: 250px; 94 | font-size: medium; 95 | /* background-color:blue ; */ 96 | } 97 | .pr{ 98 | height: 350px; 99 | font-family: "Open Sans",sans-serif; 100 | font-size:xx-large; 101 | } 102 | .main{ 103 | display: flex; 104 | justify-content: center; 105 | align-self: center; 106 | width: 100%; 107 | height: 500px; 108 | /* background-color: chartreuse; */ 109 | } 110 | .strategy{ 111 | display: flex; 112 | justify-content: center; 113 | align-self: center; 114 | flex-direction: column; 115 | width: 25%; 116 | height: 500px; 117 | background-color:#ececec; 118 | } 119 | .strategy-content{ 120 | display: flex; 121 | justify-content: center; 122 | align-self: center; 123 | flex-direction: column; 124 | width: 50%; 125 | height: 200px; 126 | /* background-color: aqua; */ 127 | } 128 | .strategy-logo{ 129 | display: flex; 130 | justify-content: center; 131 | align-self: flex-start; 132 | flex-direction: column; 133 | width: 70%; 134 | height: 90px; 135 | /* background-color: tomato; */ 136 | } 137 | .strategy-name{ 138 | display: flex; 139 | justify-content: center; 140 | align-self: center; 141 | flex-direction: column; 142 | width: 80%; 143 | height: 50px; 144 | /* background-color: teal; */ 145 | } 146 | .strategy-unorder{ 147 | font-family:"Open Sans",sans-serif; 148 | display: flex; 149 | justify-content: center; 150 | align-self: center; 151 | flex-direction: column; 152 | width: 70%; 153 | height: 300px; 154 | /* background-color: slategrey; */ 155 | } 156 | .strategy-unorder ul li{ 157 | list-style: none; 158 | } 159 | .strimg{ 160 | width: 100%; 161 | height: 100%; 162 | } 163 | .Creative{ 164 | display: flex; 165 | justify-content: center; 166 | align-self: center; 167 | flex-direction: column; 168 | width: 25%; 169 | height: 500px; 170 | background-color:#000000; 171 | } 172 | .Creative-content{ 173 | display: flex; 174 | justify-content: center; 175 | align-self: center; 176 | flex-direction: column; 177 | width: 50%; 178 | height: 200px; 179 | /* background-color: rgb(186, 202, 16); */ 180 | } 181 | .Creative-logo{ 182 | display: flex; 183 | justify-content: center; 184 | align-self: flex-start; 185 | flex-direction: column; 186 | width: 70%; 187 | height: 90px; 188 | /* background-color: tomato; */ 189 | } 190 | .Creative-name{ display: flex; 191 | justify-content: center; 192 | align-self: center; 193 | flex-direction: column; 194 | width: 80%; 195 | height: 50px; 196 | /* background-color: teal; */ 197 | } 198 | .Creative-name h1{ 199 | color: #fff; 200 | } 201 | 202 | .Creative-unorder{ 203 | font-family:"Open Sans",sans-serif; 204 | display: flex; 205 | justify-content: center; 206 | align-self: center; 207 | flex-direction: column; 208 | width: 70%; 209 | height: 300px; 210 | /* background-color: slategrey; */ 211 | } 212 | 213 | .Creative-unorder ul li{ 214 | color: #fff; 215 | list-style: none; 216 | } 217 | .creimg{ 218 | width: 100%; 219 | height: 100%; 220 | } 221 | .Digital{ 222 | display: flex; 223 | justify-content: center; 224 | align-self: center; 225 | flex-direction: column; 226 | width: 25%; 227 | height: 500px; 228 | background-color:#ececec; 229 | } 230 | .Digital-content{ 231 | display: flex; 232 | justify-content: center; 233 | align-self: center; 234 | flex-direction: column; 235 | width: 50%; 236 | height: 200px; 237 | /* background-color: rgb(186, 202, 16); */ 238 | } 239 | .Digital-logo{ 240 | display: flex; 241 | justify-content: center; 242 | align-self: flex-start; 243 | flex-direction: column; 244 | width: 70%; 245 | height: 90px; 246 | /* background-color: tomato; */ 247 | } 248 | .Digital-name{ display: flex; 249 | justify-content: center; 250 | align-self: center; 251 | flex-direction: column; 252 | width: 80%; 253 | height: 50px; 254 | /* background-color: teal; */ 255 | } 256 | .Digital-unorder{ 257 | font-family:"Open Sans",sans-serif; 258 | display: flex; 259 | justify-content: center; 260 | align-self: center; 261 | flex-direction: column; 262 | width: 70%; 263 | height: 300px; 264 | /* background-color: slategrey; */ 265 | } 266 | .Digital-unorder ul li{ 267 | list-style: none; 268 | } 269 | .digimg{ 270 | width: 100%; 271 | height: 100%; 272 | } 273 | .Let-start{ 274 | display: flex; 275 | justify-content: center; 276 | align-self: center; 277 | flex-direction: column; 278 | width: 25%; 279 | height: 500px; 280 | background-color:#000000; 281 | } 282 | .Let-start-project{ 283 | display: flex; 284 | justify-content: center; 285 | align-self: center; 286 | flex-direction: column; 287 | width: 70%; 288 | height: 200px; 289 | /* background-color: rgb(186, 202, 16); */ 290 | } 291 | .Let-start-project h1{ 292 | text-align: center; 293 | display: flex; 294 | justify-content: center; 295 | color: #fff; 296 | } 297 | .project-together{ 298 | display: flex; 299 | justify-content: center; 300 | align-self: center; 301 | flex-direction: column; 302 | height: 60px; 303 | width: 30%; 304 | /* background-color:rgb(237, 31, 31); */ 305 | } 306 | .on{ 307 | width: 100%; 308 | height: 50px; 309 | } 310 | 311 | 312 | .featured-work{ 313 | display: flex; 314 | justify-content: center; 315 | align-items: center; 316 | flex-direction: column; 317 | 318 | } 319 | .f-studies{ 320 | display: flex; 321 | background-size: cover; 322 | height: 650px; 323 | /* background-color: red; */ 324 | 325 | } 326 | .item-display{ 327 | /* background-color: aqua; */ 328 | width: 33.33%; 329 | height: 650px; 330 | } 331 | .size{ 332 | width: 100%; 333 | height: 100%; 334 | object-fit: cover; 335 | } 336 | .item-display2{ 337 | width: 33.33%; 338 | /* background-color: yellowgreen; */ 339 | height: 650px; 340 | } 341 | .size2{ 342 | width: 100%; 343 | height: 100%; 344 | object-fit: cover; 345 | } 346 | .item-display3{ 347 | width: 33.33%; 348 | /* background-color: steelblue; */ 349 | height: 650px; 350 | } 351 | .size3{ 352 | width: 100%; 353 | height: 100%; 354 | object-fit: cover; 355 | } 356 | .clients{ 357 | display: flex; 358 | flex-direction: column; 359 | justify-content: center; 360 | align-items: center; 361 | height: 700px; 362 | width: 100%; 363 | /* background-color: darkorange; */ 364 | } 365 | .client-text{ 366 | display: flex; 367 | justify-content: center; 368 | align-items: center; 369 | flex-direction: column; 370 | height: 100px; 371 | width: 60%; 372 | /* background-color: aqua; */ 373 | } 374 | .our-clients{ 375 | display: flex; 376 | justify-content: center; 377 | text-align: center; 378 | height: 50px; 379 | width:50% ; 380 | margin: 0; 381 | /* background-color:darkgreen; */ 382 | } 383 | .collaborators{ 384 | display: flex; 385 | justify-content: center; 386 | /* text-align: center; */ 387 | align-items: center; 388 | height: 35px; 389 | width: 50%; 390 | /* background-color: darkgoldenrod; */ 391 | } 392 | .clients-logo{ 393 | height: 500px; 394 | width: 80%; 395 | /* background-color: violet; */ 396 | } 397 | .viewall{ 398 | display: flex; 399 | justify-content: center; 400 | align-items: center; 401 | height:50px; 402 | width: 50%; 403 | /* background-color: springgreen; */ 404 | } 405 | .logoclients{ 406 | 407 | height: 100%; 408 | width: 100%; 409 | object-fit: contain; 410 | } 411 | .bttn{ 412 | background-color: #000; 413 | width: 15%; 414 | height: 55px; 415 | font-size: medium; 416 | } 417 | .touch{ 418 | display: flex; 419 | justify-content: center; 420 | align-items: center; 421 | width: 100%; 422 | height: 400px; 423 | background-color: #ececec; 424 | } 425 | .get{ 426 | display: flex; 427 | justify-content: center; 428 | align-items: center; 429 | flex-direction: column; 430 | width: 80%; 431 | height: 300px; 432 | /* background-color: purple; */ 433 | } 434 | .inner{ 435 | width: 40%; 436 | height: 60px; 437 | /* background-color: tomato; */ 438 | } 439 | .work{ 440 | width: 60%; 441 | height: 60px; 442 | /* background-color: yellow; */ 443 | } 444 | .click{ 445 | width: 40%; 446 | height: 50px; 447 | /* background-color: slategray; */ 448 | } 449 | .click{ 450 | display: flex; 451 | justify-content: center; 452 | align-items: center; 453 | height:50px; 454 | width: 50%; 455 | } 456 | .inner{ 457 | display: flex; 458 | justify-content: center; 459 | font-weight: 700; 460 | } 461 | .work{ 462 | display: contents; 463 | justify-content: center; 464 | 465 | font-size: 20px; 466 | } 467 | .Getin{ 468 | background-color: #000; 469 | width: 20%; 470 | height: 55px; 471 | font-size: medium; 472 | font-size: 14px; 473 | font-weight: 600; 474 | } 475 | .madefooter{ 476 | display: flex; 477 | justify-content: center; 478 | align-self: center; 479 | width: 100%; 480 | height: 355px; 481 | /* background-color: yellowgreen; */ 482 | } 483 | .foot{ 484 | display: flex; 485 | justify-content: center; 486 | align-items: center; 487 | flex-direction: column; 488 | width: 95%; 489 | height: 300px; 490 | /* background-color: violet; */ 491 | } 492 | .tablove{ 493 | display: flex; 494 | justify-content: center; 495 | align-self: center; 496 | width: 60%; 497 | height: 80px; 498 | } 499 | .tab1{ 500 | display: flex; 501 | justify-content: center; 502 | align-self: center; 503 | width: 20%; 504 | height: 80px; 505 | /* background-color: tomato; */ 506 | } 507 | .tab11{ 508 | display: flex; 509 | justify-content: center; 510 | align-self: center; 511 | width: 25%; 512 | height: 80px; 513 | /* background-color: rgb(246, 16, 16); */ 514 | } 515 | .love{ 516 | display: flex; 517 | justify-content: center; 518 | align-self: center; 519 | height: 50px; 520 | width: 5%; 521 | } 522 | .img{ 523 | width: 100%; 524 | height: 100%; 525 | } 526 | .tab2{ 527 | display: flex; 528 | justify-content: center; 529 | align-self: center; 530 | width: 60%; 531 | height: 300px; 532 | /* background-color: teal; */ 533 | } 534 | .tab3{ 535 | display: flex; 536 | justify-content: center; 537 | align-self: center; 538 | width: 20%; 539 | height: 90px; 540 | /* background-color: blue; */ 541 | } 542 | --------------------------------------------------------------------------------