updated website (html/css/images) + .drone.yml
This commit is contained in:
support
parent
6b9f5bb1cc
commit
314ac5f346
20 changed files with 166 additions and 54 deletions
24
.drone.yml
Normal file
24
.drone.yml
Normal file
|
|
@ -0,0 +1,24 @@
|
||||||
|
kind: pipeline
|
||||||
|
type: docker
|
||||||
|
name: deploy
|
||||||
|
|
||||||
|
steps:
|
||||||
|
- name: sync-files
|
||||||
|
image: alpine:latest
|
||||||
|
volumes:
|
||||||
|
- name: website-data
|
||||||
|
path: /host-target
|
||||||
|
commands:
|
||||||
|
# 1. Repository is AUTOMATICALLY available in container
|
||||||
|
# Current directory = repository root
|
||||||
|
|
||||||
|
# 2. Copy ALL repository files to volume
|
||||||
|
- cp -a . /host-target
|
||||||
|
|
||||||
|
# 3. Set permissions
|
||||||
|
- chmod -R 777 /host-target
|
||||||
|
|
||||||
|
volumes:
|
||||||
|
- name: website-data
|
||||||
|
host:
|
||||||
|
path: /root/khy-website/data/html
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 9.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8 KiB |
BIN
images/logo-dbg.png
Normal file
BIN
images/logo-dbg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.8 KiB |
|
|
@ -1,41 +0,0 @@
|
||||||
<?xml version="1.0" encoding="UTF-8"?>
|
|
||||||
<svg width="240px" height="77px" viewBox="0 0 240 77" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
||||||
<title>wordmark horizontal_ghana</title>
|
|
||||||
<defs>
|
|
||||||
<polygon id="path-1" points="0 0 69.1199712 0 69.1199712 69.3 0 69.3"></polygon>
|
|
||||||
</defs>
|
|
||||||
<g id="wordmark-horizontal_ghana" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
||||||
<g id="wordmark/colour/teal/horizontal/ghana" transform="translate(10.464000, 3.850000)">
|
|
||||||
<g id="Group-46" transform="translate(0.000000, -0.000000)">
|
|
||||||
<g id="Group-3">
|
|
||||||
<mask id="mask-2" fill="white">
|
|
||||||
<use xlink:href="#path-1"></use>
|
|
||||||
</mask>
|
|
||||||
<g id="Clip-2"></g>
|
|
||||||
<path d="M69.1199712,34.65 C69.1199712,53.7867138 53.6469792,69.3 34.5599712,69.3 C15.4730592,69.3 -2.88e-05,53.7867138 -2.88e-05,34.65 C-2.88e-05,15.5132863 15.4730592,0 34.5599712,0 C53.6469792,0 69.1199712,15.5132863 69.1199712,34.65" id="Fill-1" fill="#00A9AC" mask="url(#mask-2)"></path>
|
|
||||||
</g>
|
|
||||||
<path d="M59.5389312,34.65 C59.5389312,48.4814138 48.3555072,59.6939613 34.5600192,59.6939613 C20.7645312,59.6939613 9.5810112,48.4814138 9.5810112,34.65 C9.5810112,20.8185863 20.7645312,9.60603875 34.5600192,9.60603875 C48.3555072,9.60603875 59.5389312,20.8185863 59.5389312,34.65" id="Fill-4" fill="#FA9D1E"></path>
|
|
||||||
<path d="M34.5599808,58.6649236 C21.3313728,58.6649236 10.6074048,47.9130286 10.6074048,34.6499711 C10.6074048,21.3869136 21.3313728,10.6351149 34.5599808,10.6351149 C47.7885888,10.6351149 58.5125568,21.3869136 58.5125568,34.6499711 C58.5125568,47.9130286 47.7885888,58.6649236 34.5599808,58.6649236 M34.5599808,8.23377362 C20.0085888,8.23377362 8.2123008,20.0606849 8.2123008,34.6499711 C8.2123008,49.2392574 20.0085888,61.0662649 34.5599808,61.0662649 C49.1113728,61.0662649 60.9075648,49.2392574 60.9075648,34.6499711 C60.9075648,20.0606849 49.1113728,8.23377362 34.5599808,8.23377362" id="Fill-6" fill="#FFFFFF"></path>
|
|
||||||
<path d="M34.5599904,20.5841694 C30.5940384,20.5841694 26.7256224,21.0030494 22.9962144,21.7986519 L23.2681824,24.3927819 C26.9524704,23.8427131 30.7229664,23.5573319 34.5599904,23.5573319 C38.3970144,23.5573319 42.1675104,23.8427131 45.8517984,24.3927819 L46.1237664,21.7986519 C42.3943584,21.0030494 38.5260384,20.5841694 34.5599904,20.5841694" id="Fill-8" fill="#000000"></path>
|
|
||||||
<path d="M37.9577184,35.7079511 C36.4607904,37.4819349 35.2796064,39.5730624 34.5599904,41.8543799 C33.8403744,39.5730624 32.6591904,37.4819349 31.1622624,35.7079511 L31.1623584,35.7079511 C31.1542944,35.6984224 31.1463264,35.6887011 31.1381664,35.6791724 L34.5599904,35.6791724 L37.9818144,35.6791724 C37.9736544,35.6887011 37.9656864,35.6984224 37.9576224,35.7079511 L37.9577184,35.7079511 Z M34.5599904,32.0197474 C32.7676704,32.0200361 30.9652704,32.0652736 29.1633504,32.1539199 C28.3771104,31.1074899 27.4293024,30.1938849 26.3558304,29.4518936 C29.0646624,29.2591049 31.8004704,29.1608336 34.5599904,29.1608336 C40.0222944,29.1608336 45.3919584,29.5452561 50.6422944,30.2871511 L50.9379744,27.4669299 C45.6502944,26.4035599 40.1724384,25.8444436 34.5599904,25.8444436 C28.9475424,25.8444436 23.4696864,26.4035599 18.1820064,27.4669299 L18.4776864,30.2871511 C19.7883744,30.1019661 21.1064544,29.9392074 22.4316384,29.7990674 C22.6672224,29.7719249 22.8574944,29.8357386 22.9623264,29.8818424 C24.1999584,30.4257511 25.2693024,31.2803549 26.0816544,32.3484411 C22.7155104,32.6074499 19.3713504,33.0180524 16.1174304,33.5758211 L16.4246304,36.4977786 C19.0341024,36.2706286 22.2260064,36.0299074 22.8998304,36.0165286 C26.7247584,35.9404911 29.9002464,38.5726399 30.8156064,42.3059849 C31.4477664,44.9725911 31.1132064,48.4186299 31.0240224,50.0880861 L34.5599904,50.0880861 L38.0959584,50.0880861 C38.0067744,48.4186299 37.6722144,44.9725911 38.3043744,42.3059849 C39.2197344,38.5726399 42.3952224,35.9404911 46.2201504,36.0165286 C46.8939744,36.0299074 50.0858784,36.2706286 52.6953504,36.4977786 L53.0025504,33.5758211 C47.0187744,32.5501811 40.7302944,32.0209024 34.5599904,32.0197474 L34.5599904,32.0197474 Z" id="Fill-10" fill="#000000"></path>
|
|
||||||
<path d="M143.961389,32.6704648 L143.961389,39.786131 C143.961389,40.2811448 143.868941,40.5593073 142.881485,40.5593073 C141.894029,40.5593073 141.801485,40.2811448 141.801485,39.786131 L141.801485,32.6704648 C141.801485,32.175451 141.894029,31.8968073 142.881485,31.8968073 C143.868941,31.8968073 143.961389,32.175451 143.961389,32.6704648 M142.881485,31.1076535 C141.755309,31.1076535 141.647405,30.7826173 141.647405,30.225811 L141.647405,29.5453235 C141.647405,28.9885173 141.755309,28.6789773 142.881485,28.6789773 C144.007661,28.6789773 144.116045,28.9885173 144.116045,29.5453235 L144.116045,30.225811 C144.116045,30.7826173 144.007661,31.1076535 142.881485,31.1076535" id="Fill-12" fill="#00A9AC"></path>
|
|
||||||
<path d="M78.7782144,31.1070375 C78.3620544,31.1070375 78.2998464,31.2306225 78.2998464,31.44757 L78.2998464,33.4123213 L83.4759744,33.4123213 C83.9851584,33.4123213 84.2322624,33.4895138 84.2322624,34.4487413 C84.2322624,35.438865 83.9543424,35.5160575 83.4759744,35.5160575 L78.2998464,35.5160575 L78.2998464,39.7397 C78.2998464,40.2966025 78.2227584,40.5592688 77.1736704,40.5592688 C76.1090304,40.5592688 76.0319424,40.2657063 76.0319424,39.7397 L76.0319424,30.3338613 C76.0319424,29.3437375 76.5257664,29.0187013 77.8061184,29.0187013 L84.1170624,29.0187013 C84.6262464,29.0187013 84.8734464,29.09599 84.8734464,30.0397213 C84.8734464,31.0297488 84.5954304,31.1070375 84.1170624,31.1070375 L78.7782144,31.1070375 Z" id="Fill-14" fill="#00A9AC"></path>
|
|
||||||
<path d="M88.260768,32.6704648 L88.260768,39.786131 C88.260768,40.2811448 88.16832,40.5593073 87.180864,40.5593073 C86.193408,40.5593073 86.100864,40.2811448 86.100864,39.786131 L86.100864,32.6704648 C86.100864,32.175451 86.193408,31.8968073 87.180864,31.8968073 C88.16832,31.8968073 88.260768,32.175451 88.260768,32.6704648 M87.180864,31.1076535 C86.054688,31.1076535 85.946784,30.7826173 85.946784,30.225811 L85.946784,29.5453235 C85.946784,28.9885173 86.054688,28.6789773 87.180864,28.6789773 C88.30704,28.6789773 88.415424,28.9885173 88.415424,29.5453235 L88.415424,30.225811 C88.415424,30.7826173 88.30704,31.1076535 87.180864,31.1076535" id="Fill-16" fill="#00A9AC"></path>
|
|
||||||
<path d="M95.6024928,32.9022733 C95.6024928,33.7687158 95.4945888,34.0158858 94.8775968,34.0158858 L94.5995808,34.0158858 C93.1954848,34.0158858 92.4397728,34.7272695 92.2080288,35.4546307 L92.2080288,39.7860733 C92.2080288,40.281087 92.1155808,40.5592495 91.1281248,40.5592495 C90.1406688,40.5592495 90.0482208,40.281087 90.0482208,39.7860733 L90.0482208,32.6390295 C90.0482208,32.159512 90.1406688,31.8967495 91.0973088,31.8967495 C92.0539488,31.8967495 92.1463968,32.159512 92.1463968,32.6390295 L92.1463968,33.4590795 C92.6709408,32.6081333 93.6738528,31.834957 94.8005088,31.834957 C95.4484128,31.834957 95.6024928,32.0204308 95.6024928,32.9022733" id="Fill-18" fill="#00A9AC"></path>
|
|
||||||
<path d="M96.3471648,34.486144 C96.3471648,32.8523002 97.5620448,31.8349378 99.8218848,31.8349378 C101.236445,31.8349378 102.389885,32.2353378 103.004765,32.8061003 C103.265885,33.0371003 103.389245,33.3301815 102.866525,33.9928628 C102.405245,34.593944 102.128285,34.563144 101.789885,34.347544 C101.436605,34.1314628 100.959965,33.6997815 99.7143648,33.6997815 C98.8686048,33.6997815 98.4846048,33.9928628 98.4846048,34.378344 C98.4846048,34.8870253 98.9151648,34.9948253 99.3610848,35.1026253 L101.098205,35.5343065 C102.174365,35.7965878 103.466045,36.1353878 103.466045,37.8929128 C103.466045,39.6037565 102.235805,40.6210228 100.037405,40.6210228 C98.4999648,40.6210228 97.1468448,40.1893415 96.3932448,39.3573565 C96.0246048,38.9564753 96.0246048,38.7408753 96.5473248,38.2009128 C97.3158048,37.4150315 97.4852448,37.6768315 97.9465248,38.0161128 C98.5614048,38.478594 99.1148448,38.7716753 100.068125,38.7716753 C101.021405,38.7716753 101.313245,38.478594 101.313245,38.1085128 C101.313245,37.6768315 100.883165,37.5074315 100.375805,37.3842315 L98.6228448,36.9371503 C97.8078048,36.7369503 96.3471648,36.289869 96.3471648,34.486144" id="Fill-20" fill="#00A9AC"></path>
|
|
||||||
<path d="M109.928275,39.5799154 C109.928275,40.4772541 109.681171,40.5544466 109.233619,40.5544466 L108.647443,40.5544466 C106.641715,40.5544466 105.500179,39.7962854 105.500179,37.7234454 L105.500179,34.2892454 L104.836819,34.2892454 C104.389363,34.2892454 104.142259,34.2120529 104.142259,33.3301141 C104.142259,32.4488491 104.389363,32.3710791 104.836819,32.3710791 L105.500179,32.3710791 L105.500179,30.7623566 C105.500179,30.2673429 105.592627,29.9891804 106.580083,29.9891804 C107.567539,29.9891804 107.659987,30.2673429 107.659987,30.7623566 L107.659987,32.3710791 L109.125811,32.3710791 C109.573267,32.3710791 109.820371,32.4488491 109.820371,33.3301141 C109.820371,34.2120529 109.573267,34.2892454 109.125811,34.2892454 L107.659987,34.2892454 L107.659987,37.4143866 C107.659987,38.3581179 108.122899,38.6053841 108.956275,38.6053841 L109.233619,38.6053841 C109.681171,38.6053841 109.928275,38.6825766 109.928275,39.5799154" id="Fill-22" fill="#00A9AC"></path>
|
|
||||||
<path d="M124.676707,38.811619 C124.676707,40.2193715 124.507075,40.5593265 122.748451,40.5593265 C121.698883,40.5593265 121.382659,40.3790503 120.950563,39.5898965 L116.329987,31.2777465 L116.237059,31.2777465 L116.237059,39.739854 C116.237059,40.2966603 116.105923,40.5593265 115.103107,40.5593265 C114.038563,40.5593265 113.969155,40.265764 113.969155,39.739854 L113.969155,29.963164 C113.969155,29.329069 114.154243,28.9731365 115.897891,28.9731365 C117.193603,28.9731365 117.526819,29.123094 117.989731,29.9740403 L122.347267,37.8130253 L122.408899,37.8130253 L122.408899,29.7931865 C122.408899,29.2358028 122.509123,28.9731365 123.542755,28.9731365 C124.591939,28.9731365 124.676707,29.266699 124.676707,29.7931865 L124.676707,38.811619 Z" id="Fill-24" fill="#00A9AC"></path>
|
|
||||||
<path d="M131.648458,36.8932795 C128.887018,36.9087758 128.223178,37.2332345 128.223178,37.9759958 C128.223178,38.5637945 128.531914,38.8733345 129.534826,38.8733345 C130.291114,38.8733345 131.123914,38.532802 131.648458,37.9142033 L131.648458,36.8932795 Z M133.808362,35.0059133 L133.808362,39.8170658 C133.808362,40.2965833 133.685002,40.5592495 132.728362,40.5592495 C131.771722,40.5592495 131.710666,40.2965833 131.710666,39.8170658 L131.710666,39.569222 C131.062282,40.281087 130.291114,40.621042 128.979466,40.621042 C127.421194,40.621042 126.07873,39.7242808 126.07873,38.099677 C126.07873,36.4446583 126.989098,35.3464458 131.648458,35.3464458 L131.648458,34.8977283 C131.648458,34.0622783 131.077642,33.7217458 129.936106,33.7217458 C129.08737,33.7217458 128.593642,34.046782 128.26993,34.433707 C127.976554,34.7896395 127.791658,34.8205358 127.127818,34.4027145 C126.48001,33.9849895 126.449194,33.7841158 126.726538,33.3354945 C127.267114,32.453652 128.40865,31.834957 129.982282,31.834957 C132.312298,31.834957 133.808362,32.6545258 133.808362,35.0059133 L133.808362,35.0059133 Z" id="Fill-26" fill="#00A9AC"></path>
|
|
||||||
<path d="M170.163331,36.8932795 C167.401891,36.9087758 166.738051,37.2332345 166.738051,37.9759958 C166.738051,38.5637945 167.046787,38.8733345 168.049699,38.8733345 C168.805987,38.8733345 169.638787,38.532802 170.163331,37.9142033 L170.163331,36.8932795 Z M172.323235,35.0059133 L172.323235,39.8170658 C172.323235,40.2965833 172.199875,40.5592495 171.243235,40.5592495 C170.286595,40.5592495 170.225539,40.2965833 170.225539,39.8170658 L170.225539,39.569222 C169.577155,40.281087 168.805987,40.621042 167.494339,40.621042 C165.936067,40.621042 164.593603,39.7242808 164.593603,38.099677 C164.593603,36.4446583 165.503971,35.3464458 170.163331,35.3464458 L170.163331,34.8977283 C170.163331,34.0622783 169.592515,33.7217458 168.450979,33.7217458 C167.602243,33.7217458 167.108515,34.046782 166.784803,34.433707 C166.491427,34.7896395 166.306531,34.8205358 165.642691,34.4027145 C164.994883,33.9849895 164.964067,33.7841158 165.241411,33.3354945 C165.781987,32.453652 166.923523,31.834957 168.497155,31.834957 C170.827171,31.834957 172.323235,32.6545258 172.323235,35.0059133 L172.323235,35.0059133 Z" id="Fill-28" fill="#00A9AC"></path>
|
|
||||||
<path d="M197.314598,36.8932795 C194.553158,36.9087758 193.889318,37.2332345 193.889318,37.9759958 C193.889318,38.5637945 194.198054,38.8733345 195.200966,38.8733345 C195.957254,38.8733345 196.790054,38.532802 197.314598,37.9142033 L197.314598,36.8932795 Z M199.474502,35.0059133 L199.474502,39.8170658 C199.474502,40.2965833 199.351142,40.5592495 198.394502,40.5592495 C197.437862,40.5592495 197.376806,40.2965833 197.376806,39.8170658 L197.376806,39.569222 C196.728422,40.281087 195.957254,40.621042 194.645606,40.621042 C193.087334,40.621042 191.74487,39.7242808 191.74487,38.099677 C191.74487,36.4446583 192.655238,35.3464458 197.314598,35.3464458 L197.314598,34.8977283 C197.314598,34.0622783 196.743782,33.7217458 195.602246,33.7217458 C194.75351,33.7217458 194.259782,34.046782 193.93607,34.433707 C193.642694,34.7896395 193.457798,34.8205358 192.793958,34.4027145 C192.14615,33.9849895 192.115334,33.7841158 192.392678,33.3354945 C192.933254,32.453652 194.07479,31.834957 195.648422,31.834957 C197.978438,31.834957 199.474502,32.6545258 199.474502,35.0059133 L199.474502,35.0059133 Z" id="Fill-30" fill="#00A9AC"></path>
|
|
||||||
<path d="M140.502739,39.584699 C140.502739,40.4820378 140.255635,40.5592303 139.808083,40.5592303 L139.221907,40.5592303 C137.216179,40.5592303 136.074547,39.801069 136.074547,37.728229 L136.074547,34.294029 L135.411283,34.294029 C134.963827,34.294029 134.716723,34.2168365 134.716723,33.3348978 C134.716723,32.4536328 134.963827,32.3758628 135.411283,32.3758628 L136.074547,32.3758628 L136.074547,30.7671403 C136.074547,30.2721265 136.167091,29.993964 137.154547,29.993964 C138.142003,29.993964 138.234451,30.2721265 138.234451,30.7671403 L138.234451,32.3758628 L139.700275,32.3758628 C140.147731,32.3758628 140.394835,32.4536328 140.394835,33.3348978 C140.394835,34.2168365 140.147731,34.294029 139.700275,34.294029 L138.234451,34.294029 L138.234451,37.4191703 C138.234451,38.3629015 138.697363,38.6101678 139.530739,38.6101678 L139.808083,38.6101678 C140.255635,38.6101678 140.502739,38.6873603 140.502739,39.584699" id="Fill-32" fill="#00A9AC"></path>
|
|
||||||
<path d="M149.551584,33.7484455 C148.183104,33.7484455 147.559968,34.3889893 147.559968,35.791833 L147.559968,36.6547143 C147.559968,38.057558 148.183104,38.6980055 149.551584,38.6980055 C150.920064,38.6980055 151.54272,38.057558 151.54272,36.6547143 L151.54272,35.791833 C151.54272,34.3889893 150.920064,33.7484455 149.551584,33.7484455 M149.551584,40.616268 C146.645664,40.616268 145.400064,39.0594243 145.400064,36.6547143 L145.400064,35.791833 C145.400064,33.3870268 146.645664,31.8349955 149.551584,31.8349955 C152.457504,31.8349955 153.702624,33.3870268 153.702624,35.791833 L153.702624,36.6547143 C153.702624,39.0594243 152.457504,40.616268 149.551584,40.616268" id="Fill-34" fill="#00A9AC"></path>
|
|
||||||
<path d="M163.191571,34.9132341 L163.191571,39.7860829 C163.191571,40.2810966 163.099123,40.5592591 162.111667,40.5592591 C161.124211,40.5592591 161.031667,40.2810966 161.031667,39.7860829 L161.031667,35.3618554 C161.031667,34.2791391 160.538035,33.7532291 159.565939,33.7532291 C158.486035,33.7532291 157.714291,34.4646129 157.313107,35.0523154 L157.313107,39.7860829 C157.313107,40.2810966 157.220563,40.5592591 156.233107,40.5592591 C155.245651,40.5592591 155.153203,40.2810966 155.153203,39.7860829 L155.153203,32.6390391 C155.153203,32.1595216 155.245651,31.8967591 156.202291,31.8967591 C157.158931,31.8967591 157.251379,32.1595216 157.251379,32.6390391 L157.251379,33.1649491 C157.883827,32.5154541 158.871283,31.8349666 160.198387,31.8349666 C162.142483,31.8349666 163.191571,32.9640754 163.191571,34.9132341" id="Fill-36" fill="#00A9AC"></path>
|
|
||||||
<path d="M209.300506,34.9132341 L209.300506,39.7860829 C209.300506,40.2810966 209.208058,40.5592591 208.220602,40.5592591 C207.233146,40.5592591 207.140602,40.2810966 207.140602,39.7860829 L207.140602,35.3618554 C207.140602,34.2791391 206.646874,33.7532291 205.674874,33.7532291 C204.59497,33.7532291 203.823226,34.4646129 203.422042,35.0523154 L203.422042,39.7860829 C203.422042,40.2810966 203.329498,40.5592591 202.342042,40.5592591 C201.354586,40.5592591 201.262138,40.2810966 201.262138,39.7860829 L201.262138,32.6390391 C201.262138,32.1595216 201.354586,31.8967591 202.311226,31.8967591 C203.267866,31.8967591 203.360314,32.1595216 203.360314,32.6390391 L203.360314,33.1649491 C203.992762,32.5154541 204.980218,31.8349666 206.307322,31.8349666 C208.251418,31.8349666 209.300506,32.9640754 209.300506,34.9132341" id="Fill-38" fill="#00A9AC"></path>
|
|
||||||
<path d="M175.190803,40.5592784 C174.203347,40.5592784 174.110899,40.2811159 174.110899,39.7861021 L174.110899,29.4527021 C174.110899,28.9576884 174.203347,28.6790446 175.190803,28.6790446 C176.178259,28.6790446 176.270707,28.9576884 176.270707,29.4527021 L176.270707,39.7861021 C176.270707,40.2811159 176.178259,40.5592784 175.190803,40.5592784" id="Fill-40" fill="#00A9AC"></path>
|
|
||||||
<path d="M182.96545,38.1254913 C182.96545,38.345615 183.011722,38.4710288 183.443722,38.4710288 L186.868618,38.4710288 C187.88737,38.4710288 188.44273,38.1098025 188.42737,37.026605 C188.411914,36.0061625 187.88737,35.6135588 186.868618,35.6135588 L182.96545,35.6135588 L182.96545,38.1254913 Z M183.443722,31.0613188 C183.011722,31.0613188 182.96545,31.1868288 182.96545,31.4069525 L182.96545,33.6360063 L186.60673,33.6360063 C187.56337,33.6360063 188.087914,33.2277138 188.087914,32.3175738 C188.087914,31.3598863 187.56337,31.0613188 186.60673,31.0613188 L183.443722,31.0613188 Z M180.697642,39.2246663 L180.697642,30.3077775 C180.697642,29.3030238 181.19137,28.973175 182.471626,28.973175 L186.94657,28.973175 C188.952298,28.973175 190.355914,30.1660975 190.355914,32.06588 C190.355914,33.2588025 189.908938,34.04401 189.13729,34.48368 C190.001386,34.8449063 190.695466,35.6766025 190.695466,37.1680925 C190.695466,39.3506575 189.383818,40.5592688 186.977386,40.5592688 L182.471626,40.5592688 C181.19137,40.5592688 180.697642,40.22942 180.697642,39.2246663 L180.697642,39.2246663 Z" id="Fill-42" fill="#00A9AC"></path>
|
|
||||||
<path d="M218.987578,40.0488069 C218.987578,40.4511319 218.524666,40.5593169 217.768378,40.5593169 C216.84313,40.5593169 216.703834,40.4047394 216.30313,39.9561181 L213.309466,36.5992069 L213.247738,36.5992069 L213.247738,39.7861406 C213.247738,40.2811544 213.15529,40.5593169 212.167834,40.5593169 C211.180378,40.5593169 211.08793,40.2811544 211.08793,39.7861406 L211.08793,29.4526444 C211.08793,28.9576306 211.180378,28.6789869 212.167834,28.6789869 C213.15529,28.6789869 213.247738,28.9576306 213.247738,29.4526444 L213.247738,35.3619131 L213.309466,35.3619131 L215.994298,32.5029031 C216.410938,32.0542819 216.71929,31.8968169 217.413946,31.8968169 C218.200474,31.8968169 218.617114,31.9431131 218.617114,32.3145419 C218.617114,32.5309119 218.401402,32.7631631 218.200474,32.9640369 L215.346586,35.8723269 L218.49385,39.2911269 C218.740474,39.5537931 218.987578,39.7861406 218.987578,40.0488069" id="Fill-44" fill="#00A9AC"></path>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.4 KiB After Width: | Height: | Size: 6.4 KiB |
BIN
images/logo-grow.png
Normal file
BIN
images/logo-grow.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 7.2 KiB |
BIN
images/logo-khy.png
Normal file
BIN
images/logo-khy.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.6 KiB |
BIN
images/logo-norfund.png
Normal file
BIN
images/logo-norfund.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 19 KiB |
BIN
images/project-1.jpg
Normal file
BIN
images/project-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 177 KiB |
BIN
images/project-2.jpg
Normal file
BIN
images/project-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 202 KiB |
BIN
images/project-3.jpg
Normal file
BIN
images/project-3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 178 KiB |
BIN
images/project-4.jpg
Normal file
BIN
images/project-4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 162 KiB |
BIN
images/project-5.jpg
Normal file
BIN
images/project-5.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 150 KiB |
BIN
images/project-6.jpg
Normal file
BIN
images/project-6.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 108 KiB |
54
index.html
54
index.html
|
|
@ -13,11 +13,14 @@
|
||||||
|
|
||||||
<header>
|
<header>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<a href="#home" class="logo">khy</a>
|
<a href="#home" class="logo">
|
||||||
|
<img src="images/logo-khy.png" alt="KHY Limited Logo">
|
||||||
|
</a>
|
||||||
<nav>
|
<nav>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="#about">About</a></li>
|
<li><a href="#about">About</a></li>
|
||||||
<li><a href="#products">Products</a></li>
|
<li><a href="#products">Products</a></li>
|
||||||
|
<li><a href="#projects">Projects</a></li>
|
||||||
<li><a href="#partners">Partners</a></li>
|
<li><a href="#partners">Partners</a></li>
|
||||||
<li><a href="#clients">Clients</a></li>
|
<li><a href="#clients">Clients</a></li>
|
||||||
<li><a href="#contact">Contact</a></li>
|
<li><a href="#contact">Contact</a></li>
|
||||||
|
|
@ -98,8 +101,44 @@
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<!-- Projects Section -->
|
||||||
|
<section id="projects" class="content-section">
|
||||||
|
<div class="container">
|
||||||
|
<h2>Past Projects</h2>
|
||||||
|
<p class="intro-text">Explore a selection of our completed projects where we've transformed ordinary spaces into extraordinary environments, blending quality craftsmanship with thoughtful design.</p>
|
||||||
|
<div class="css-slider-container">
|
||||||
|
<!-- These radio buttons control the slides. They will be hidden with CSS. -->
|
||||||
|
<input type="radio" name="slider" id="slide-1" checked>
|
||||||
|
<input type="radio" name="slider" id="slide-2">
|
||||||
|
<input type="radio" name="slider" id="slide-3">
|
||||||
|
<input type="radio" name="slider" id="slide-4">
|
||||||
|
<input type="radio" name="slider" id="slide-5">
|
||||||
|
|
||||||
|
<!-- The slider itself: a viewport and a wrapper for the images -->
|
||||||
|
<div class="slider-viewport">
|
||||||
|
<div class="slider-wrapper">
|
||||||
|
<div class="slide"><img src="images/project-1.jpg" alt="Project 1"></div>
|
||||||
|
<div class="slide"><img src="images/project-2.jpg" alt="Project 2"></div>
|
||||||
|
<div class="slide"><img src="images/project-3.jpg" alt="Project 3"></div>
|
||||||
|
<div class="slide"><img src="images/project-4.jpg" alt="Project 4"></div>
|
||||||
|
<div class="slide"><img src="images/project-5.jpg" alt="Project 5"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- The navigation dots are labels for the hidden radio buttons -->
|
||||||
|
<div class="slider-nav">
|
||||||
|
<label for="slide-1"></label>
|
||||||
|
<label for="slide-2"></label>
|
||||||
|
<label for="slide-3"></label>
|
||||||
|
<label for="slide-4"></label>
|
||||||
|
<label for="slide-5"></label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<!-- Partners Section -->
|
<!-- Partners Section -->
|
||||||
<section id="partners" class="content-section">
|
<section id="partners" class="content-section-dark">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h2>Our Partners</h2>
|
<h2>Our Partners</h2>
|
||||||
<div class="logo-grid">
|
<div class="logo-grid">
|
||||||
|
|
@ -115,23 +154,22 @@
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Clients Section -->
|
<!-- Clients Section -->
|
||||||
<section id="clients" class="content-section-dark">
|
<section id="clients" class="content-section">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h2>Trusted By</h2>
|
<h2>Trusted By</h2>
|
||||||
<div class="logo-grid">
|
<div class="logo-grid">
|
||||||
<!-- Replace with client logos. Recommended size: 200x100px, transparent background PNG is best -->
|
<!-- Replace with client logos. Recommended size: 200x100px, transparent background PNG is best -->
|
||||||
<img src="images/logo-nestle.png" alt="Nestle Logo">
|
<img src="images/logo-norfund.png" alt="Norfund Logo">
|
||||||
<img src="images/logo-glico.png" alt="Glico Healthcare Logo">
|
<img src="images/logo-glico.png" alt="Glico Healthcare Logo">
|
||||||
<img src="images/logo-stanbic.webp" alt="Stanbic Bank Logo">
|
<img src="images/logo-stanbic.webp" alt="Stanbic Bank Logo">
|
||||||
<img src="images/logo-grow.svg" alt="GROW Engineering Logo">
|
<img src="images/logo-grow.png" alt="GROW Engineering Logo">
|
||||||
<img src="images/logo-fnb.svg" alt="First National Bank Logo">
|
<img src="images/logo-dbg.png" alt="Development Bank Ghana Logo">
|
||||||
<img src="images/logo-align.png" alt="Align Technologies Logo">
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Contact Section -->
|
<!-- Contact Section -->
|
||||||
<section id="contact" class="content-section">
|
<section id="contact" class="content-section-dark">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h2>Get In Touch</h2>
|
<h2>Get In Touch</h2>
|
||||||
<p class="intro-text">We look forward to beautiful design moments through exciting collaborations. Let's create something exceptional together.</p>
|
<p class="intro-text">We look forward to beautiful design moments through exciting collaborations. Let's create something exceptional together.</p>
|
||||||
|
|
|
||||||
100
style.css
100
style.css
|
|
@ -83,9 +83,13 @@ header .container {
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
font-size: 1.8rem;
|
display: block;
|
||||||
font-weight: 300;
|
}
|
||||||
letter-spacing: 2px;
|
|
||||||
|
.logo img {
|
||||||
|
height: 2.5rem; /* This matches the original font-size to maintain the height */
|
||||||
|
width: auto; /* This preserves your logo's aspect ratio */
|
||||||
|
vertical-align: middle; /* Good practice for image alignment */
|
||||||
}
|
}
|
||||||
|
|
||||||
header nav ul {
|
header nav ul {
|
||||||
|
|
@ -287,6 +291,7 @@ footer p:first-child {
|
||||||
header .container {
|
header .container {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 0.5rem;
|
gap: 0.5rem;
|
||||||
|
align-items: flex-start;
|
||||||
}
|
}
|
||||||
|
|
||||||
.about-grid, .values-grid {
|
.about-grid, .values-grid {
|
||||||
|
|
@ -296,4 +301,91 @@ footer p:first-child {
|
||||||
.content-section, .content-section-dark {
|
.content-section, .content-section-dark {
|
||||||
padding: 4rem 0;
|
padding: 4rem 0;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
header nav ul {
|
||||||
|
flex-direction: column;
|
||||||
|
width: 100%;
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
|
header nav li {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
header nav a {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.css-slider-container {
|
||||||
|
max-width: 900px; /* Matches your image width */
|
||||||
|
margin: 2rem auto 0 auto;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 1. Hide the actual radio buttons */
|
||||||
|
.css-slider-container input[type="radio"] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 2. Style the slider viewport and wrapper */
|
||||||
|
.slider-viewport {
|
||||||
|
width: 100%;
|
||||||
|
overflow: hidden; /* This hides the slides that are off-screen */
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 8px 20px rgba(0,0,0,0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.slider-wrapper {
|
||||||
|
display: flex; /* Lines up slides in a row */
|
||||||
|
width: 500%; /* 100% for each of the 5 slides */
|
||||||
|
transition: transform 0.6s ease-in-out; /* The slide animation */
|
||||||
|
}
|
||||||
|
|
||||||
|
.slide {
|
||||||
|
width: 20%; /* Each slide takes up 1/5th of the wrapper width */
|
||||||
|
}
|
||||||
|
|
||||||
|
.slide img {
|
||||||
|
width: 100%;
|
||||||
|
height: 60vh;
|
||||||
|
max-height: 500px;
|
||||||
|
object-fit: cover;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 3. Style the navigation dots (which are labels) */
|
||||||
|
.slider-nav {
|
||||||
|
text-align: center;
|
||||||
|
padding-top: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slider-nav label {
|
||||||
|
display: inline-block;
|
||||||
|
width: 12px;
|
||||||
|
height: 12px;
|
||||||
|
background-color: #c4c4c4;
|
||||||
|
border-radius: 50%;
|
||||||
|
margin: 0 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: background-color 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 4. The Magic: Connect the radio buttons to the slider position */
|
||||||
|
/* When a radio button is :checked, move the .slider-wrapper using the general sibling selector (~) */
|
||||||
|
|
||||||
|
#slide-1:checked ~ .slider-viewport .slider-wrapper { transform: translateX(0%); }
|
||||||
|
#slide-2:checked ~ .slider-viewport .slider-wrapper { transform: translateX(-20%); }
|
||||||
|
#slide-3:checked ~ .slider-viewport .slider-wrapper { transform: translateX(-40%); }
|
||||||
|
#slide-4:checked ~ .slider-viewport .slider-wrapper { transform: translateX(-60%); }
|
||||||
|
#slide-5:checked ~ .slider-viewport .slider-wrapper { transform: translateX(-80%); }
|
||||||
|
|
||||||
|
/* 5. Highlight the active navigation dot */
|
||||||
|
/* When a radio is :checked, style its corresponding label */
|
||||||
|
|
||||||
|
#slide-1:checked ~ .slider-nav label[for="slide-1"] { background-color: var(--primary-color); }
|
||||||
|
#slide-2:checked ~ .slider-nav label[for="slide-2"] { background-color: var(--primary-color); }
|
||||||
|
#slide-3:checked ~ .slider-nav label[for="slide-3"] { background-color: var(--primary-color); }
|
||||||
|
#slide-4:checked ~ .slider-nav label[for="slide-4"] { background-color: var(--primary-color); }
|
||||||
|
#slide-5:checked ~ .slider-nav label[for="slide-5"] { background-color: var(--primary-color); }
|
||||||
Loading…
Add table
Add a link
Reference in a new issue