├── assets └── images │ ├── navar.png │ ├── op-1.PNG │ ├── Google.png │ ├── airbnb.png │ ├── mozilla.png │ ├── partner.png │ ├── person_1.png │ ├── person_2.png │ ├── person_3.png │ ├── person_4.png │ ├── person_5.png │ ├── person_6.jpg │ ├── summit_1.jpg │ ├── text-bg.jpg │ ├── partner_2.png │ ├── pattern_bg.png │ └── world-health.png ├── package.json ├── .hintrc ├── .eslintrc.json ├── .stylelintrc.json ├── LICENSE ├── .gitignore ├── .github └── workflows │ └── linter.yml ├── script.js ├── styles.css ├── README.md ├── about.html └── index.html /assets/images/navar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zdnahom/health-conference/HEAD/assets/images/navar.png -------------------------------------------------------------------------------- /assets/images/op-1.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zdnahom/health-conference/HEAD/assets/images/op-1.PNG -------------------------------------------------------------------------------- /assets/images/Google.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zdnahom/health-conference/HEAD/assets/images/Google.png -------------------------------------------------------------------------------- /assets/images/airbnb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zdnahom/health-conference/HEAD/assets/images/airbnb.png -------------------------------------------------------------------------------- /assets/images/mozilla.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zdnahom/health-conference/HEAD/assets/images/mozilla.png -------------------------------------------------------------------------------- /assets/images/partner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zdnahom/health-conference/HEAD/assets/images/partner.png -------------------------------------------------------------------------------- /assets/images/person_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zdnahom/health-conference/HEAD/assets/images/person_1.png -------------------------------------------------------------------------------- /assets/images/person_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zdnahom/health-conference/HEAD/assets/images/person_2.png -------------------------------------------------------------------------------- /assets/images/person_3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zdnahom/health-conference/HEAD/assets/images/person_3.png -------------------------------------------------------------------------------- /assets/images/person_4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zdnahom/health-conference/HEAD/assets/images/person_4.png -------------------------------------------------------------------------------- /assets/images/person_5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zdnahom/health-conference/HEAD/assets/images/person_5.png -------------------------------------------------------------------------------- /assets/images/person_6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zdnahom/health-conference/HEAD/assets/images/person_6.jpg -------------------------------------------------------------------------------- /assets/images/summit_1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zdnahom/health-conference/HEAD/assets/images/summit_1.jpg -------------------------------------------------------------------------------- /assets/images/text-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zdnahom/health-conference/HEAD/assets/images/text-bg.jpg -------------------------------------------------------------------------------- /assets/images/partner_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zdnahom/health-conference/HEAD/assets/images/partner_2.png -------------------------------------------------------------------------------- /assets/images/pattern_bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zdnahom/health-conference/HEAD/assets/images/pattern_bg.png -------------------------------------------------------------------------------- /assets/images/world-health.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zdnahom/health-conference/HEAD/assets/images/world-health.png -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "devDependencies": { 3 | "babel-eslint": "^10.1.0", 4 | "eslint": "^7.32.0", 5 | "eslint-config-airbnb-base": "^14.2.1", 6 | "eslint-plugin-import": "^2.27.5", 7 | "stylelint": "^13.13.1", 8 | "stylelint-config-standard": "^21.0.0", 9 | "stylelint-csstree-validator": "^1.9.0", 10 | "stylelint-scss": "^3.21.0" 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /.hintrc: -------------------------------------------------------------------------------- 1 | { 2 | "connector": { 3 | "name": "local", 4 | "options": { 5 | "pattern": ["**", "!.git/**", "!node_modules/**"] 6 | } 7 | }, 8 | "extends": ["development"], 9 | "formatters": ["stylish"], 10 | "hints": [ 11 | "button-type", 12 | "disown-opener", 13 | "html-checker", 14 | "meta-charset-utf-8", 15 | "meta-viewport", 16 | "no-inline-styles:error" 17 | ] 18 | } 19 | -------------------------------------------------------------------------------- /.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "env": { 3 | "browser": true, 4 | "es6": true, 5 | "jest": true 6 | }, 7 | "parser": "babel-eslint", 8 | "parserOptions": { 9 | "ecmaVersion": 2018, 10 | "sourceType": "module" 11 | }, 12 | "extends": ["airbnb-base"], 13 | "rules": { 14 | "no-shadow": "off", 15 | "no-param-reassign": "off", 16 | "eol-last": "off", 17 | "import/extensions": [ 18 | 1, 19 | { 20 | "js": "always", 21 | "json": "always" 22 | } 23 | ] 24 | }, 25 | "ignorePatterns": ["dist/", "build/"] 26 | } 27 | -------------------------------------------------------------------------------- /.stylelintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": ["stylelint-config-standard"], 3 | "plugins": ["stylelint-scss", "stylelint-csstree-validator"], 4 | "rules": { 5 | "at-rule-no-unknown": [ 6 | true, 7 | { 8 | "ignoreAtRules": [ 9 | "tailwind", 10 | "apply", 11 | "variants", 12 | "responsive", 13 | "screen" 14 | ] 15 | } 16 | ], 17 | "scss/at-rule-no-unknown": [ 18 | true, 19 | { 20 | "ignoreAtRules": [ 21 | "tailwind", 22 | "apply", 23 | "variants", 24 | "responsive", 25 | "screen" 26 | ] 27 | } 28 | ], 29 | "csstree/validator": true 30 | }, 31 | "ignoreFiles": [ 32 | "build/**", 33 | "dist/**", 34 | "**/reset*.css", 35 | "**/bootstrap*.css", 36 | "**/*.js", 37 | "**/*.jsx" 38 | ] 39 | } 40 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2023 Nahom_zd 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | lerna-debug.log* 8 | 9 | # Diagnostic reports (https://nodejs.org/api/report.html) 10 | report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json 11 | 12 | # Runtime data 13 | pids 14 | *.pid 15 | *.seed 16 | *.pid.lock 17 | 18 | # Directory for instrumented libs generated by jscoverage/JSCover 19 | lib-cov 20 | 21 | # Coverage directory used by tools like istanbul 22 | coverage 23 | *.lcov 24 | 25 | # nyc test coverage 26 | .nyc_output 27 | 28 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files) 29 | .grunt 30 | 31 | # Bower dependency directory (https://bower.io/) 32 | bower_components 33 | 34 | # node-waf configuration 35 | .lock-wscript 36 | 37 | # Compiled binary addons (https://nodejs.org/api/addons.html) 38 | build/Release 39 | 40 | # Dependency directories 41 | node_modules/ 42 | jspm_packages/ 43 | 44 | # TypeScript v1 declaration files 45 | typings/ 46 | 47 | # TypeScript cache 48 | *.tsbuildinfo 49 | 50 | # Optional npm cache directory 51 | .npm 52 | 53 | # Optional eslint cache 54 | .eslintcache 55 | 56 | # Microbundle cache 57 | .rpt2_cache/ 58 | .rts2_cache_cjs/ 59 | .rts2_cache_es/ 60 | .rts2_cache_umd/ 61 | 62 | # Optional REPL history 63 | .node_repl_history 64 | 65 | # Output of 'npm pack' 66 | *.tgz 67 | 68 | # Yarn Integrity file 69 | .yarn-integrity 70 | 71 | # dotenv environment variables file 72 | .env 73 | .env.test 74 | 75 | # parcel-bundler cache (https://parceljs.org/) 76 | .cache 77 | 78 | # Next.js build output 79 | .next 80 | 81 | # Nuxt.js build / generate output 82 | .nuxt 83 | dist 84 | 85 | # Gatsby files 86 | .cache/ 87 | # Comment in the public line in if your project uses Gatsby and *not* Next.js 88 | # https://nextjs.org/blog/next-9-1#public-directory-support 89 | # public 90 | 91 | # vuepress build output 92 | .vuepress/dist 93 | 94 | # Serverless directories 95 | .serverless/ 96 | 97 | # FuseBox cache 98 | .fusebox/ 99 | 100 | # DynamoDB Local files 101 | .dynamodb/ 102 | 103 | # TernJS port file 104 | .tern-port 105 | -------------------------------------------------------------------------------- /.github/workflows/linter.yml: -------------------------------------------------------------------------------- 1 | name: Linters 2 | 3 | on: pull_request 4 | 5 | env: 6 | FORCE_COLOR: 1 7 | 8 | jobs: 9 | lighthouse: 10 | name: Lighthouse 11 | runs-on: ubuntu-22.04 12 | steps: 13 | - uses: actions/checkout@v2 14 | - uses: actions/setup-node@v1 15 | with: 16 | node-version: "12.x" 17 | - name: Setup Lighthouse 18 | run: npm install -g @lhci/cli@0.7.x 19 | - name: Lighthouse Report 20 | run: lhci autorun --upload.target=temporary-public-storage --collect.staticDistDir=. 21 | webhint: 22 | name: Webhint 23 | runs-on: ubuntu-22.04 24 | steps: 25 | - uses: actions/checkout@v2 26 | - uses: actions/setup-node@v1 27 | with: 28 | node-version: "12.x" 29 | - name: Setup Webhint 30 | run: | 31 | npm install --save-dev hint@7.x 32 | [ -f .hintrc ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css-js/.hintrc 33 | - name: Webhint Report 34 | run: npx hint . 35 | stylelint: 36 | name: Stylelint 37 | runs-on: ubuntu-22.04 38 | steps: 39 | - uses: actions/checkout@v2 40 | - uses: actions/setup-node@v1 41 | with: 42 | node-version: "12.x" 43 | - name: Setup Stylelint 44 | run: | 45 | npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x 46 | [ -f .stylelintrc.json ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css-js/.stylelintrc.json 47 | - name: Stylelint Report 48 | run: npx stylelint "**/*.{css,scss}" 49 | eslint: 50 | name: ESLint 51 | runs-on: ubuntu-22.04 52 | steps: 53 | - uses: actions/checkout@v2 54 | - uses: actions/setup-node@v1 55 | with: 56 | node-version: "12.x" 57 | - name: Setup ESLint 58 | run: | 59 | npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x 60 | [ -f .eslintrc.json ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css-js/.eslintrc.json 61 | - name: ESLint Report 62 | run: npx eslint . 63 | nodechecker: 64 | name: node_modules checker 65 | runs-on: ubuntu-22.04 66 | steps: 67 | - uses: actions/checkout@v2 68 | - name: Check node_modules existence 69 | run: | 70 | if [ -d "node_modules/" ]; then echo -e "\e[1;31mThe node_modules/ folder was pushed to the repo. Please remove it from the GitHub repository and try again."; echo -e "\e[1;32mYou can set up a .gitignore file with this folder included on it to prevent this from happening in the future." && exit 1; fi 71 | -------------------------------------------------------------------------------- /script.js: -------------------------------------------------------------------------------- 1 | const speakerObj = [ 2 | { 3 | image: './assets/images/person_1.png', 4 | name: 'Dr.Benjamin', 5 | position: 'Pediatric neurosurgeon and New York Times bestselling author', 6 | description: 'Pediatric neurosurgeon and New York Times bestselling authorPediatric neurosurgeon and New York Times bestselling author', 7 | }, 8 | { 9 | image: './assets/images/person_3.png', 10 | name: 'Dr.Frank', 11 | position: 'Pediatric neurosurgeon and New York Times bestselling author', 12 | description: 'Pediatric neurosurgeon and New York Times bestselling authorPediatric neurosurgeon and New York Times bestselling author', 13 | }, 14 | { 15 | image: './assets/images/person_4.png', 16 | name: 'Dr.Mensur', 17 | position: 'Pediatric neurosurgeon and New York Times bestselling author', 18 | description: 'Pediatric neurosurgeon and New York Times bestselling authorPediatric neurosurgeon and New York Times bestselling author', 19 | }, 20 | { 21 | image: './assets/images/person_5.png', 22 | name: 'Dr.Chris', 23 | position: 'Pediatric neurosurgeon and New York Times bestselling author', 24 | description: 'Pediatric neurosurgeon and New York Times bestselling authorPediatric neurosurgeon and New York Times bestselling author', 25 | }, 26 | { 27 | image: './assets/images/person_6.jpg', 28 | name: 'Dr.Hannah', 29 | position: 'Pediatric neurosurgeon and New York Times bestselling author', 30 | description: 'Pediatric neurosurgeon and New York Times bestselling authorPediatric neurosurgeon and New York Times bestselling author', 31 | }, 32 | { 33 | image: './assets/images/person_2.png', 34 | name: 'Dr.Nahom', 35 | position: 'Pediatric neurosurgeon and New York Times bestselling author', 36 | description: 'Pediatric neurosurgeon and New York Times bestselling authorPediatric neurosurgeon and New York Times bestselling author', 37 | }, 38 | ]; 39 | 40 | // const speakers = document.querySelector('.featured-speakers'); 41 | const speakers = document.querySelector('.speakers-container'); 42 | const menu = document.querySelector('.mobile-menu'); 43 | const menuButton = document.querySelector('#menu'); 44 | const closeButton = document.querySelector('#close-button'); 45 | const menuLinks = document.querySelectorAll('.mobile-menu ul li'); 46 | 47 | function generateSpeakers(data) { 48 | data.forEach((item) => { 49 | const speaker = document.createElement('div'); 50 | speaker.className = 'd-flex mb-5'; 51 | speaker.innerHTML = ` 52 | speaker picture 53 |
54 |

${item.name}

55 |

${item.position}

56 |
57 |

${item.description}

58 |
`; 59 | speakers.appendChild(speaker); 60 | }); 61 | } 62 | function showMenu() { 63 | menu.classList.remove('hide'); 64 | } 65 | function closeMenu() { 66 | menu.classList.add('hide'); 67 | } 68 | menuButton.addEventListener('click', showMenu); 69 | closeButton.addEventListener('click', closeMenu); 70 | menuLinks.forEach((link) => { 71 | link.addEventListener('click', closeMenu); 72 | }); 73 | 74 | if (speakers) { 75 | generateSpeakers(speakerObj); 76 | } 77 | -------------------------------------------------------------------------------- /styles.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap"); 2 | @import url("https://fonts.googleapis.com/css2?family=Pacifico:wght@300;400;700;900&display=swap"); 3 | 4 | * { 5 | box-sizing: border-box; 6 | margin: 0; 7 | padding: 0; 8 | font-family: "Lato", sans-serif; 9 | } 10 | 11 | html { 12 | font-size: 62.25%; 13 | } 14 | 15 | .logo { 16 | font-family: "Pacifico", sans-serif; 17 | } 18 | 19 | .focus-color { 20 | color: #ec5242 !important; 21 | } 22 | 23 | .focus-underline { 24 | background-color: #ec5242; 25 | width: 3em; 26 | height: 2px; 27 | } 28 | 29 | .myHeader { 30 | display: none; 31 | } 32 | 33 | nav { 34 | background-color: rgba(211, 211, 211, 0.3); 35 | } 36 | 37 | nav i { 38 | font-size: 3.4em; 39 | color: #272a31; 40 | padding: 15px; 41 | } 42 | 43 | nav > div { 44 | display: none !important; 45 | } 46 | 47 | .headline { 48 | background-image: url('assets/images/op-1.PNG'); 49 | background-repeat: no-repeat; 50 | background-size: cover; 51 | background-position: center; 52 | } 53 | 54 | .headline > div { 55 | padding: 5em 2em; 56 | } 57 | 58 | .headline h2 { 59 | font-size: 3.3em; 60 | } 61 | 62 | .headline h1 { 63 | background-image: url('assets/images/text-bg.jpg'); 64 | -webkit-background-clip: text; 65 | -webkit-text-fill-color: transparent; 66 | font-size: 4.5em; 67 | font-weight: 900; 68 | padding-right: 25%; 69 | } 70 | 71 | .headline ul { 72 | margin-top: 50px; 73 | } 74 | 75 | .headline li { 76 | font-size: 1.2em; 77 | background-color: inherit; 78 | } 79 | 80 | .headline i { 81 | margin-right: 15px; 82 | } 83 | 84 | .headline p { 85 | font-size: 1.5em; 86 | padding: 2em; 87 | } 88 | 89 | .headline-date { 90 | color: rgba(39, 42, 49, 0.8); 91 | font-size: 3.3em !important; 92 | font-weight: 900; 93 | } 94 | 95 | .program-section { 96 | background-color: #272a31; 97 | background-image: url("assets/images/pattern_bg.png"); 98 | padding-bottom: 50px; 99 | } 100 | 101 | .program-section ul { 102 | gap: 0.5em; 103 | padding: 2%; 104 | } 105 | 106 | .program-section ul li { 107 | position: relative; 108 | background-color: rgba(211, 211, 211, 0.1); 109 | align-items: center; 110 | justify-content: space-between; 111 | gap: 1em; 112 | font-size: 1em; 113 | color: #d3d3d3; 114 | padding: 1em; 115 | } 116 | 117 | .program-title { 118 | display: flex; 119 | align-items: center; 120 | gap: 2em; 121 | } 122 | 123 | .program-section i { 124 | font-size: 4em; 125 | } 126 | 127 | .program-section button { 128 | background-color: #ec5242; 129 | } 130 | 131 | .featured-speakers hr { 132 | width: 5%; 133 | } 134 | 135 | .featured-speakers img { 136 | width: 200px; 137 | height: 200px; 138 | } 139 | 140 | .speakers-container { 141 | padding: 3% 3%; 142 | } 143 | 144 | .partners-section { 145 | background-color: #272a31; 146 | color: #d3d3d3; 147 | } 148 | 149 | .partners-container { 150 | gap: 1em; 151 | padding: 1em; 152 | flex-direction: column; 153 | } 154 | 155 | .partners-container a { 156 | height: 100px; 157 | } 158 | 159 | .partners-container img { 160 | width: 100%; 161 | height: 100%; 162 | } 163 | 164 | .footer div { 165 | background-color: rgba(211, 211, 211, 0.3); 166 | } 167 | 168 | .logo-description { 169 | padding-bottom: 3em; 170 | } 171 | 172 | .logo-container { 173 | padding: 2em; 174 | font-size: 3em; 175 | } 176 | 177 | .past-summits { 178 | flex-direction: column; 179 | gap: 10px; 180 | } 181 | 182 | .summit { 183 | position: relative; 184 | width: 75%; 185 | background-color: #ec5242; 186 | } 187 | 188 | .summit p { 189 | position: absolute; 190 | top: 0; 191 | left: 0; 192 | } 193 | 194 | .hide { 195 | display: none; 196 | } 197 | 198 | .mobile-menu { 199 | background-color: #272a31; 200 | position: fixed; 201 | width: 100%; 202 | height: 100vh; 203 | z-index: 2; 204 | } 205 | 206 | @media all and (min-width: 768px) { 207 | html { 208 | font-size: 88%; 209 | } 210 | 211 | body { 212 | overflow: unset; 213 | } 214 | 215 | header { 216 | overflow: unset; 217 | z-index: 2; 218 | } 219 | 220 | .myHeader { 221 | display: flex !important; 222 | background-color: #272a31; 223 | justify-content: space-around; 224 | } 225 | 226 | nav { 227 | background-color: #fff; 228 | box-shadow: 0 10px 10px #aaa; 229 | overflow: hidden; 230 | } 231 | 232 | nav > div { 233 | display: flex !important; 234 | align-items: center; 235 | justify-content: end; 236 | } 237 | 238 | nav button { 239 | display: none; 240 | } 241 | 242 | nav ul { 243 | align-items: center; 244 | gap: 2em; 245 | } 246 | 247 | .headline div { 248 | padding: 10em 10%; 249 | } 250 | 251 | .headline ul { 252 | flex-direction: row; 253 | justify-content: flex-start; 254 | } 255 | 256 | .campaign-link { 257 | border: 5px solid #ec5242; 258 | } 259 | 260 | .program-section ul { 261 | flex-direction: row; 262 | padding: 2% 10%; 263 | } 264 | 265 | .program-section ul li { 266 | flex-direction: column; 267 | } 268 | 269 | .program-title { 270 | flex-direction: column; 271 | } 272 | 273 | .speakers-container { 274 | grid-template-columns: auto auto; 275 | gap: 2%; 276 | padding: 3% 10%; 277 | } 278 | 279 | .partners-container { 280 | flex-direction: row !important; 281 | justify-content: center; 282 | gap: 4em; 283 | } 284 | 285 | .logo-container { 286 | padding: 2em 4em; 287 | font-size: 4em; 288 | } 289 | 290 | .past-summits { 291 | flex-direction: row; 292 | justify-content: center; 293 | } 294 | 295 | .summit { 296 | width: 40%; 297 | } 298 | } 299 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # 📗 Table of Contents 4 | 5 | - [📖 About the Project](#about-project) 6 | - [🛠 Built With](#built-with) 7 | - [Tech Stack](#tech-stack) 8 | - [Key Features](#key-features) 9 | - [🚀 Live Demo](#live-demo) 10 | - [Project Walkthrough](#walkthrough) 11 | - [💻 Getting Started](#getting-started) 12 | - [Setup](#setup) 13 | - [Prerequisites](#prerequisites) 14 | - [Install](#install) 15 | - [Usage](#usage) 16 | - [Run tests](#run-tests) 17 | - [👥 Authors](#authors) 18 | - [🔭 Future Features](#future-features) 19 | - [🤝 Contributing](#contributing) 20 | - [⭐️ Show your support](#support) 21 | - [🙏 Acknowledgements](#acknowledgements) 22 | - [❓ FAQ (OPTIONAL)](#faq) 23 | - [📝 License](#license) 24 | 25 | 26 | 27 | # 📖 East African Health Conference 28 | > The capstone project is built according to [design guidelines](https://www.behance.net/gallery/29845175/CC-Global-Summit-2015) provided by Microverse. 29 | 30 | East African Health Conference is a responsive website which is for Eastern Africa Health Conference summit and which is built using HTML , CSS(Using both Bootstrap 5 and pure CSS) and Javascript. 31 | 32 | ## 🛠 Built With 33 | 34 | ### Tech Stack 35 | 36 |
37 | Client 38 | 44 |
45 | 46 | 47 | 48 | 49 | ### Key Features 50 | 51 | - **Have a responsive Navbar** 52 | - **Have two pages About page and Home page** 53 | - **The Home page have headline section , main program section ,partners section , speakers section** 54 | - **The About page have headline section , info about the logo ,partners section , past summits section** 55 | - **Menu popup window in mobile version** 56 | - **Responsive and works fine on desktops with different sizes and mobile phones** 57 | 58 | 59 |

(back to top)

60 | 61 | 62 | 63 | ## 🚀 Live Demo 64 | 65 | - [Live Demo](https://zdnahom.github.io/health-conference/) 66 | 67 |

(back to top)

68 | 69 | 70 | 71 | ## Project walkthrough 72 | - [video](https://www.awesomescreenshot.com/video/14683079?key=cffad830d4ad8cb9c716d185694630c9) 73 | 74 | 75 | 76 | ## 💻 Getting Started 77 | 78 | 79 | ### Prerequisites 80 | 81 | In order to run this project you need: Configure your code editor with HTML , CSS & JS and some other important extensions 82 | 83 | 84 | 85 | ### Setup 86 | 87 | git clone https://github.com/zdnahom/health-conference.git 88 | 89 | 90 | 91 | ### Install 92 | 93 | Install this project with: 94 | 95 | git clone https://github.com/zdnahom/health-conference.git 96 | 97 | 98 | 99 | ### Usage 100 | 101 | To run the project, execute the following command: 102 | - cd health-conference 103 | - start live server 104 | - go to Localhost/health-conference/index.html 105 | 106 | 107 | 108 | ### Run tests 109 | 110 | To run tests, run the following command: No test module for now.But it will be added in the near future 111 | 112 | 113 | 114 | 115 | ## 👥 Authors 116 | 117 | 👤 **Nahom Zerihun Demissie 💻** 118 | 119 | - GitHub: [@zdnahom](https://github.com/zdnahom/) 120 | 121 |

(back to top)

122 | 123 | 124 | 125 | ## 🔭 Future Features 126 | 127 | - **Finish the rest of the pages like partners , New's & Events , Projects pages** 128 | - **Add cool animations** 129 | - **Make it more dynamic** 130 | 131 | 132 | 133 |

(back to top)

134 | 135 | 136 | 137 | ## 🤝 Contributing 138 | 139 | Contributions, issues, and feature requests are welcome! 140 | 141 | Feel free to check the [issues page](../../issues/). 142 | 143 |

(back to top)

144 | 145 | 146 | 147 | ## ⭐️ Show your support 148 | 149 | If you like this project , please clone it and try it . I know you're going to love it 150 | 151 |

(back to top)

152 | 153 | 154 | 155 | ## 🙏 Acknowledgments 156 | First of all , I would like to thank the original creator of this design [Cindy Shine's](https://www.behance.net/adagio07) for giving me and other inspiring designers like me to use this amazing design and customize it. Also, 157 | I would like to thank Microverse(staffs , mentors , reviewers) giving me the knowledge to build an amazing project like this. 158 | 159 |

(back to top)

160 | 161 | 162 | 163 | ## ❓ FAQ (OPTIONAL) 164 | 165 | - **Can I fork the project and make a contribution?** 166 | 167 | Of course you can! First fork it and contribute to it. 168 | 169 | - **How should I ask a pull request** 170 | 171 | - Step 1 : Click on the pull request button 172 | - Step 2 : create pull request 173 | 174 |

(back to top)

175 | 176 | 177 | 178 | ## 📝 License 179 | 180 | This project is [MIT](./LICENSE) licensed. 181 | 182 | _NOTE: we recommend using the [MIT license](https://choosealicense.com/licenses/mit/) - you can set it up quickly by [using templates available on GitHub](https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-license-to-a-repository). You can also use [any other license](https://choosealicense.com/licenses/) if you wish._ 183 | 184 |

(back to top)

185 | -------------------------------------------------------------------------------- /about.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 11 | 12 | 18 | About East Africa Health Summit 2023 19 | 20 | 21 |
22 |
23 |
24 | 31 |
32 | 48 |
49 |
50 |
51 |
52 | Developed By ZD 53 |
54 | 55 | 56 | English 57 | Login 58 |
59 |
60 | 87 |
88 |
89 |
90 |
91 |

92 | EASTERN AFRICA HEALTH SUMMIT 2023 93 |

94 |

95 | In Africa, the second most populous continent with over 1.2 billion 96 | people, healthcare has huge unmet needs. While infectious diseases 97 | continue to exact a terrible toll across many African countries, 98 | non-communicable diseases are poised to become the leading causes of 99 | death in sub-Saharan Africa by 2030. Africa's people have the 100 | greatest genetic diversity on the planet, meaning innovative 101 | treatments must tailor to African needs. Africa's 54 countries 102 | present hugely diverse challenges in health delivery. The IQVIA 103 | Africa Health Summit is a complimentary in-person event which brings 104 | together inspiring clinical research and public health experts to 105 | share knowledge and exchange ideas about how together we can advance 106 | Africa's health through data, technology and innovative research. 107 | Join leaders in life sciences companies and decision-makers in the 108 | public and private health space striving for broad and equitable 109 | access to healthcare. 110 |

111 |
112 |

113 | Please contact us per email for extra inquires about the 2023 114 | Summit 115 |

116 | eastafricasummit@africa.org 121 |
122 |
123 |
124 |
125 |
126 |

Eastern Africa Health Summit 2023 Logo

127 |
128 |
129 |
130 |

The logo was created on June 16 , 2021.

131 |
132 | 135 |
136 |
137 |
138 |
139 |
140 |

Past Summits

141 |
142 |
143 |
144 |

145 | Take a look at the Two East Africa Health Summit which took place in 146 | Addis Ababa and Nairobi 147 |

148 |
149 |
150 | Addis Ababa summit picture 155 |

158 | Addis Ababa , 2021 159 |

160 |
161 |
162 | Nairobi summit picture 167 |

170 | Nairobi , 2022 171 |

172 |
173 |
174 |
175 |
176 |
177 |

178 | Partners 179 |

180 |
181 |
182 |
183 |
184 | world-health logo 187 | world-health logo 190 |
191 |
192 |
193 | 203 | 204 | 205 | 206 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | East Africa health summit 2023 home page 8 | 12 | 13 | 19 | 20 | 21 |
22 |
23 |
24 | 31 |
32 | 50 |
51 |
52 |
53 |
54 | Developed By ZD 55 |
56 | 57 | 58 | English 59 | Login 60 | 61 |
62 |
63 | 90 |
91 |
92 |
93 |
94 |

"Hello! Sharing World"

95 |

96 | EASTERN AFRICA HEALTH SUMMIT 2023 97 |

98 |
    99 |
  • 100 | July 16 - 24 2022 101 |
    • 102 |
  • 103 | 1:00pm - 6:00pm (UTC + 3) 104 |
    • 105 |
  • 106 | Sheraton Addis Hotel , 107 | Addis Ababa , Ethiopia , Africa 108 |
    • 109 |
110 |

111 | Join leaders in life sciences companies and decision-makers in the 112 | public and private health space striving for broad and equitable 113 | access to healthcare. 114 |

115 |

2023.06.16(MON) ~ 24(SUN)

116 |

@ Sharaton Hotel near 4kilo palace

117 |
118 |
119 |
120 |
121 |

124 | Main Program 125 |

126 |
127 |
128 |
129 | 130 |
    131 |
  • 132 |
    133 | 134 | Lecture 135 |
    136 | Advancing Africa's health through data, technology and 138 | innovation 140 |
    • 141 | 142 |
  • 143 |
    144 | 145 | Exhibition 146 |
    147 | Advancing Africa's health through data, technology and 149 | innovation 151 |
    • 152 | 153 |
  • 154 |
    155 | 156 | Forum 157 |
    158 | Advancing Africa's health through data, technology and 160 | innovation 162 |
    • 163 | 164 |
  • 165 |
    166 | 167 | Workshop 168 |
    169 | Advancing Africa's health through data, technology and 171 | innovation 173 |
    • 174 | 175 |
  • 176 |
    177 | 178 | Ignite 179 |
    180 | Advancing Africa's health through data, technology and 182 | innovation 184 |
    • 185 |
186 |
187 | 190 |
191 |
192 |
193 | 194 |
195 |

196 | Invited Speakers 197 |

198 |
199 |
200 |
201 |
202 |
203 | 204 |
205 |

206 | Partners 207 |

208 |
209 |
210 |
211 |
212 | world-health logo 215 | world-health logo 218 |
219 |
220 |
221 | 222 | 232 | 233 | 234 | 235 | 236 | --------------------------------------------------------------------------------