├── .gitignore ├── .github └── workflows │ ├── .gitignore │ └── linters.yml ├── images ├── 3.jpg ├── menu.png ├── test-bg.jpg ├── QandA-icon.png ├── cancel-icon.png ├── fida-logo.png ├── groot-logo.png ├── meet-icon.png ├── salama-logo.png ├── speaker-1.jpeg ├── speaker-2.jpg ├── speaker-3.jpg ├── speaker-4.jpg ├── speaker-5.jpg ├── speaker-6.jpg ├── ujamaa-logo.png ├── facebook-icon.png ├── linkedIn-icon.png ├── programs-bg.jpeg ├── speeches-icon.jpg ├── twitter-icon.png ├── un-women-logo.png ├── checkbox-image.PNG ├── head-background.webp ├── networking-icon.png ├── about-project-one.jpg ├── about-project-two.jpg └── twitter-icon.svg ├── .hintrc ├── .eslintrc.json ├── .stylelintrc.json ├── package.json ├── LICENSE.txt ├── scripts ├── main.js └── index.js ├── README.md ├── about.html ├── index.html └── style.css /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | -------------------------------------------------------------------------------- /.github/workflows/.gitignore: -------------------------------------------------------------------------------- 1 | # .gitignore 2 | node_modules/ -------------------------------------------------------------------------------- /images/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharon-odhiambo/Salama-Conference/HEAD/images/3.jpg -------------------------------------------------------------------------------- /images/menu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharon-odhiambo/Salama-Conference/HEAD/images/menu.png -------------------------------------------------------------------------------- /images/test-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharon-odhiambo/Salama-Conference/HEAD/images/test-bg.jpg -------------------------------------------------------------------------------- /images/QandA-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharon-odhiambo/Salama-Conference/HEAD/images/QandA-icon.png -------------------------------------------------------------------------------- /images/cancel-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharon-odhiambo/Salama-Conference/HEAD/images/cancel-icon.png -------------------------------------------------------------------------------- /images/fida-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharon-odhiambo/Salama-Conference/HEAD/images/fida-logo.png -------------------------------------------------------------------------------- /images/groot-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharon-odhiambo/Salama-Conference/HEAD/images/groot-logo.png -------------------------------------------------------------------------------- /images/meet-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharon-odhiambo/Salama-Conference/HEAD/images/meet-icon.png -------------------------------------------------------------------------------- /images/salama-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharon-odhiambo/Salama-Conference/HEAD/images/salama-logo.png -------------------------------------------------------------------------------- /images/speaker-1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharon-odhiambo/Salama-Conference/HEAD/images/speaker-1.jpeg -------------------------------------------------------------------------------- /images/speaker-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharon-odhiambo/Salama-Conference/HEAD/images/speaker-2.jpg -------------------------------------------------------------------------------- /images/speaker-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharon-odhiambo/Salama-Conference/HEAD/images/speaker-3.jpg -------------------------------------------------------------------------------- /images/speaker-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharon-odhiambo/Salama-Conference/HEAD/images/speaker-4.jpg -------------------------------------------------------------------------------- /images/speaker-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharon-odhiambo/Salama-Conference/HEAD/images/speaker-5.jpg -------------------------------------------------------------------------------- /images/speaker-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharon-odhiambo/Salama-Conference/HEAD/images/speaker-6.jpg -------------------------------------------------------------------------------- /images/ujamaa-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharon-odhiambo/Salama-Conference/HEAD/images/ujamaa-logo.png -------------------------------------------------------------------------------- /images/facebook-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharon-odhiambo/Salama-Conference/HEAD/images/facebook-icon.png -------------------------------------------------------------------------------- /images/linkedIn-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharon-odhiambo/Salama-Conference/HEAD/images/linkedIn-icon.png -------------------------------------------------------------------------------- /images/programs-bg.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharon-odhiambo/Salama-Conference/HEAD/images/programs-bg.jpeg -------------------------------------------------------------------------------- /images/speeches-icon.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharon-odhiambo/Salama-Conference/HEAD/images/speeches-icon.jpg -------------------------------------------------------------------------------- /images/twitter-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharon-odhiambo/Salama-Conference/HEAD/images/twitter-icon.png -------------------------------------------------------------------------------- /images/un-women-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharon-odhiambo/Salama-Conference/HEAD/images/un-women-logo.png -------------------------------------------------------------------------------- /images/checkbox-image.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharon-odhiambo/Salama-Conference/HEAD/images/checkbox-image.PNG -------------------------------------------------------------------------------- /images/head-background.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharon-odhiambo/Salama-Conference/HEAD/images/head-background.webp -------------------------------------------------------------------------------- /images/networking-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharon-odhiambo/Salama-Conference/HEAD/images/networking-icon.png -------------------------------------------------------------------------------- /images/about-project-one.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharon-odhiambo/Salama-Conference/HEAD/images/about-project-one.jpg -------------------------------------------------------------------------------- /images/about-project-two.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sharon-odhiambo/Salama-Conference/HEAD/images/about-project-two.jpg -------------------------------------------------------------------------------- /.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 | } -------------------------------------------------------------------------------- /.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": [ 1, { 18 | "js": "always", "json": "always" 19 | }] 20 | }, 21 | "ignorePatterns": [ 22 | "dist/", 23 | "build/" 24 | ] 25 | } -------------------------------------------------------------------------------- /.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": ["tailwind", "apply", "variants", "responsive", "screen"] 9 | } 10 | ], 11 | "scss/at-rule-no-unknown": [ 12 | true, 13 | { 14 | "ignoreAtRules": ["tailwind", "apply", "variants", "responsive", "screen"] 15 | } 16 | ], 17 | "csstree/validator": true 18 | }, 19 | "ignoreFiles": ["build/**", "dist/**", "**/reset*.css", "**/bootstrap*.css", "**/*.js", "**/*.jsx"] 20 | } -------------------------------------------------------------------------------- /images/twitter-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "salama-conference-capstone-project", 3 | "version": "1.0.0", 4 | "description": "-This is my first portfolio site using Microverse templates", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "repository": { 10 | "type": "git", 11 | "url": "git+https://github.com/sharon-odhiambo/Salama-Conference-Capstone-Project.git" 12 | }, 13 | "keywords": [], 14 | "author": "", 15 | "license": "ISC", 16 | "bugs": { 17 | "url": "https://github.com/sharon-odhiambo/Salama-Conference-Capstone-Project/issues" 18 | }, 19 | "homepage": "https://github.com/sharon-odhiambo/Salama-Conference-Capstone-Project#readme", 20 | "devDependencies": { 21 | "babel-eslint": "^10.1.0", 22 | "eslint": "^7.32.0", 23 | "eslint-config-airbnb-base": "^14.2.1", 24 | "eslint-plugin-import": "^2.26.0", 25 | "hint": "^7.0.1", 26 | "stylelint": "^13.13.1", 27 | "stylelint-config-standard": "^21.0.0", 28 | "stylelint-csstree-validator": "^1.9.0", 29 | "stylelint-scss": "^3.21.0" 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /LICENSE.txt: -------------------------------------------------------------------------------- 1 | Copyright (c) 2012-2022 Scott Chacon and others 2 | 3 | Permission is hereby granted, free of charge, to any person obtaining 4 | a copy of this software and associated documentation files (the 5 | "Software"), to deal in the Software without restriction, including 6 | without limitation the rights to use, copy, modify, merge, publish, 7 | distribute, sublicense, and/or sell copies of the Software, and to 8 | permit persons to whom the Software is furnished to do so, subject to 9 | the following conditions: 10 | 11 | The above copyright notice and this permission notice shall be 12 | included in all copies or substantial portions of the Software. 13 | 14 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, 15 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF 16 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND 17 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE 18 | LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION 19 | OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION 20 | WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. -------------------------------------------------------------------------------- /scripts/main.js: -------------------------------------------------------------------------------- 1 | // Create Hamburger Section 2 | const hamburgerIcon = document.querySelector('.hamburger-menu'); 3 | const exitButton = document.querySelector('.exit-btn'); 4 | const upperSection = document.querySelector('.overlay'); 5 | const mobileMenu = document.querySelector('.navbar-items'); 6 | const menuItems = document.querySelectorAll('.menu-items'); 7 | // Open Mobile Menu 8 | hamburgerIcon.addEventListener('click', () => { 9 | mobileMenu.style.display = 'block'; 10 | exitButton.style.display = 'block'; 11 | upperSection.style.display = 'block'; 12 | hamburgerIcon.style.display = 'none'; 13 | }); 14 | // Close Mobile Menu 15 | exitButton.addEventListener('click', () => { 16 | hamburgerIcon.style.display = 'block'; 17 | mobileMenu.style.display = 'none'; 18 | exitButton.style.display = 'none'; 19 | upperSection.style.display = 'none'; 20 | }); 21 | // Close Menu Items 22 | menuItems.forEach((menuItem) => { 23 | menuItem.addEventListener('click', () => { 24 | upperSection.style.display = 'none'; 25 | exitButton.style.display = 'none'; 26 | mobileMenu.style.display = 'none'; 27 | hamburgerIcon.style.display = 'block'; 28 | }); 29 | }); -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # Portfolio-Site 4 | -Salama Conference is a responsive web design of a fictional conference. It's a conference page to speak about Gender-Based-Violence and Sexual Abuse for better treatment of victims and reducing abuse cases. The project utilized a design by Cindy Shin. 5 | 6 | ## Built With 7 | 8 | - Major languages 9 | HTML | CSS | Javascript 10 | - Frameworks 11 | None 12 | - Technologies used 13 | Nodejs, jQuery 14 | 15 | ### Prerequisites 16 | HTML, CSS 17 | 18 | ### Getting Started 19 | To get a local copy for practice or as a template, follow these simple steps. 20 | 21 | Access the live source on - https://github.com/sharon-odhiambo/Salama-Conference-Capstone-Project 22 | Copy the **https** or **SSH** address on the code 23 | Clone the repository using your editor **or** 24 | 25 | ### Clone this repository 26 | $ git@github.com:sharon-odhiambo/Salama-Conference-Capstone-Project.git 27 | $ cd My-Portfolio-Site 28 | 29 | 30 | ### Live Demo 31 | 32 | Live Version - https://aesthetic-salama-conference.netlify.app/ 33 | 34 | ## Author 35 | 36 | 👤 **Sharon Odhiambo** 37 | 38 | - GitHub: [@sharon-odhiambo](https://github.com/sharon-odhiambo) 39 | - Twitter: [@SharonVictor16](https://twitter.com/SharonVictor16) 40 | - LinkedIn: [Sharon Odhiambo](https://www.linkedin.com/in/sharon-odhiambo-4333a0163/) 41 | 42 | ## 🤝 Contributing 43 | 44 | Contributions, issues, and feature requests are welcome! 45 | 46 | Feel free to check the [issues page](../../issues/). 47 | 48 | ## Show your support 49 | 50 | Give a ⭐️ if you like this project! 51 | 52 | ## Acknowledgments 53 | 54 | - Orginal design by [Cindy Shin in Benance](https://www.behance.net.adagio07) 55 | - Hat tip to anyone whose code was used 56 | - Big thanks to the microverse community with a special mention of my coding partners, morning session teams, standup teams and reviewers. 57 | - My family's support and assistance whenever was needed. 58 | 59 | ## 📝 License 60 | This project is [MIT](./LICENSE.txt) licensed. 61 | -------------------------------------------------------------------------------- /.github/workflows/linters.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-18.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-18.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-18.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-18.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-18.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 -------------------------------------------------------------------------------- /scripts/index.js: -------------------------------------------------------------------------------- 1 | // Create Speakers Section 2 | const featuredSpeakers = [ 3 | { 4 | id: 1, 5 | speakerImage: './images/speaker-1.jpeg', 6 | speakerName: 'Caleb Pope', 7 | speakerTitle: 'Artist', 8 | speakerDescription: 'Grassroots activist who believes that change is possible. Using hashtag slogans to inspire a movement where he calls on men to participate in curbing gender violence. His truth gained him many views and interactions from victims who have gained from him.', 9 | }, 10 | { 11 | id: 2, 12 | speakerImage: './images/speaker-2.jpg', 13 | speakerName: 'Yvonne Habiba', 14 | speakerTitle: 'Writer & Newspaper Columnist', 15 | speakerDescription: 'In the autobiographical book Masaibu Yetu Habiba shares her collected stories of rape, prostitution, and human trafficking. She helps us understand the impacts of speaking out.', 16 | }, 17 | { 18 | id: 3, 19 | speakerImage: './images/speaker-3.jpg', 20 | speakerName: 'Ruth Odumbe', 21 | speakerTitle: 'Gender Activist', 22 | speakerDescription: 'She is involved in many projects, including “Tutimize Ahadi,” which addresses gender-based violence and violence against children and embodies the commitments by governments, the UN, and other bodies to achieve the 2030 Agenda for Sustainable Development.', 23 | }, 24 | { 25 | id: 4, 26 | speakerImage: './images/speaker-4.jpg', 27 | speakerName: 'Diana Migan', 28 | speakerTitle: 'Senior Advocate LSK', 29 | speakerDescription: 'Migan is a youth development expert and does this through YouthHubAfrica, a nonprofit organization that aims to support young people in Africa involved in social change.', 30 | }, 31 | { 32 | id: 5, 33 | speakerImage: './images/speaker-5.jpg', 34 | speakerName: 'Stern Madegwa', 35 | speakerTitle: 'Human Rights Journalist', 36 | speakerDescription: 'He works in his capacity for the engagement of key civil society organizations to collect and disseminate data, contributing to access to information. And, working with key decision-makers on best practices for media engagement.', 37 | }, 38 | { 39 | id: 6, 40 | speakerImage: './images/speaker-6.jpg', 41 | speakerName: 'Mushie Kalita', 42 | speakerTitle: 'Radio Presentor & Media Personality', 43 | speakerDescription: 'Mushie, is known for her activism against GBV. Mushie is a singer, presenter, and actress from Nairobi, Kenya and uses her platform to disseminate important information.', 44 | }, 45 | ]; 46 | function createSpeakers(featuredSpeakers) { 47 | const speakersList = document.querySelector('.speakers-section'); 48 | for (let i = 0; i < featuredSpeakers.length; i += 1) { 49 | const speakers = ` 50 |
51 |
`; 61 | speakersList.innerHTML += speakers; 62 | } 63 | } 64 | document.addEventListener('DOMContentLoaded', createSpeakers(featuredSpeakers)); 65 | // Create Hamburger Section 66 | const hamburgerIcon = document.querySelector('.hamburger-menu'); 67 | const exitButton = document.querySelector('.exit-btn'); 68 | const upperSection = document.querySelector('.overlay'); 69 | const mobileMenu = document.querySelector('.navbar-items'); 70 | const menuItems = document.querySelectorAll('.menu-items'); 71 | // Open Mobile Menu 72 | hamburgerIcon.addEventListener('click', () => { 73 | mobileMenu.style.display = 'block'; 74 | exitButton.style.display = 'block'; 75 | upperSection.style.display = 'block'; 76 | hamburgerIcon.style.display = 'none'; 77 | }); 78 | // Close Mobile Menu 79 | exitButton.addEventListener('click', () => { 80 | hamburgerIcon.style.display = 'block'; 81 | mobileMenu.style.display = 'none'; 82 | exitButton.style.display = 'none'; 83 | upperSection.style.display = 'none'; 84 | }); 85 | // Close Menu Items 86 | menuItems.forEach((menuItem) => { 87 | menuItem.addEventListener('click', () => { 88 | upperSection.style.display = 'none'; 89 | exitButton.style.display = 'none'; 90 | mobileMenu.style.display = 'none'; 91 | hamburgerIcon.style.display = 'block'; 92 | }); 93 | }); -------------------------------------------------------------------------------- /about.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Salama Conference Page 13 | 14 | 15 | 16 |
17 |
18 |
19 | 32 |
33 |
34 |
35 | 55 |
56 |

"Together, we are safer!"

57 |

SALAMA PAMOJA
GLOBAL CONFERENCE
2022

58 |
A united front conference to stand with those who suffer sexual abuse or gender-based-violence.Together we can suport affected victims and learn how to treat each other better. Let's all come together and learn to grow in love and humanity
59 |
Please contact us via Email for any other questions
about the upcoming Salama Pamoja 2022!
salamaconference@gmail.com
60 |
61 |
62 | 73 |
74 |
75 |

The Past SP Global Conferences

76 |

Take a look at the past Salama Pamoja Conferences to know what has been happening

77 |
78 |
79 |
2018
80 |

SP Global Summit 2018 in Nigeria

81 |
82 |
83 |
2021
84 |

SP Global Summit 2021 in Afghanistan

85 |
86 |
87 |
88 |
89 |
Sponsors
90 | 96 |
97 |
98 |
99 | salama conference logo 100 | salama conference
nairobi 101 |
102 |

2022 Salama Pamoja Conference Nairobi. Some rights reserved

103 |
104 | 105 | 106 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Salama Conference Page 13 | 14 | 15 | 16 |
17 |
18 |
19 | 32 |
33 |
34 |
35 | 55 |
56 |

"Together, we are safer!"

57 |

SALAMA PAMOJA
GLOBAL CONFERENCE
2022

58 |
A united front conference to stand with those who suffer sexual abuse or gender-based-violence.Together we can suport affected victims and learn how to treat each other better. Let's all come together and learn to grow in love and humanity
59 |
2022.09.20(TUE)~ 21(WED)
@Kenya National Theatre, Nairobi.
60 |
61 |
62 |

Daily Schedule

63 | 86 |
SEE THE WHOLE PROGRAM
87 |
88 |
89 |

Featured Speakers

90 |
91 |
92 |
93 |
Our Sponsors
94 | 100 |
101 |
102 |
103 | salama conference logo 104 | salama conference
nairobi 105 |
106 |
107 |

2022 Salama Pamoja Conference Nairobi.Some rights reserved

108 |
109 |
110 | 111 | 112 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | .top-nav { 8 | display: none; 9 | width: 100%; 10 | height: 46px; 11 | background-color: #272a31; 12 | border-top-right-radius: 8px; 13 | } 14 | 15 | .social-media-icons { 16 | list-style: none; 17 | display: none; 18 | } 19 | 20 | .hamburger-menu { 21 | display: flex; 22 | flex-direction: row; 23 | align-items: flex-start; 24 | padding: 8px; 25 | margin-left: 16px; 26 | width: 40px; 27 | height: 20px; 28 | right: 12px; 29 | top: calc(10% - 40px / 2); 30 | border-radius: 8px; 31 | } 32 | 33 | .nav { 34 | display: flex; 35 | flex-direction: row; 36 | width: 100%; 37 | height: 4.5rem; 38 | justify-content: space-between; 39 | align-items: center; 40 | } 41 | 42 | .logo { 43 | display: none; 44 | flex-direction: column; 45 | gap: 15px; 46 | width: 297px; 47 | height: 50px; 48 | } 49 | 50 | .logo span { 51 | font-family: 'COCOGOOSE', sans-serif; 52 | font-style: normal; 53 | font-weight: 600; 54 | font-size: 18px; 55 | color: #272a31; 56 | text-decoration: none; 57 | } 58 | 59 | .overlay { 60 | display: none; 61 | position: fixed; 62 | width: 100%; 63 | height: 892px; 64 | top: 0; 65 | left: 0; 66 | right: 0; 67 | bottom: 0; 68 | background-color: rgba(255, 0, 0, 0.6); 69 | backdrop-filter: blur(4px); 70 | } 71 | 72 | .navbar-items { 73 | display: none; 74 | list-style: none; 75 | text-decoration: none; 76 | font-family: 'COCOGOOSE', sans-serif; 77 | font-style: normal; 78 | font-weight: 600; 79 | font-size: 14px; 80 | margin-top: 20px; 81 | color: grey; 82 | } 83 | 84 | .menu-items { 85 | display: flex; 86 | justify-content: center; 87 | align-items: center; 88 | text-decoration: none; 89 | padding: 15px; 90 | margin: 15px; 91 | font-family: 'COCOGOOSE', sans-serif; 92 | font-style: normal; 93 | font-weight: 600; 94 | font-size: 14px; 95 | color: grey; 96 | } 97 | 98 | .exit-btn { 99 | display: none; 100 | margin: 25px; 101 | } 102 | 103 | .top-background { 104 | background-image: url(./images/3.jpg); 105 | background-position: center; 106 | background-size: cover; 107 | height: 650px; 108 | background-repeat: no-repeat; 109 | width: 100%; 110 | } 111 | 112 | .page-one { 113 | width: 100%; 114 | height: 550px; 115 | align-items: center; 116 | } 117 | 118 | .page-one p { 119 | color: #ec5242; 120 | font-family: 'COCOGOOSE', sans-serif; 121 | font-style: normal; 122 | font-weight: 200; 123 | font-size: 18px; 124 | margin-left: 26px; 125 | } 126 | 127 | .page-one h1 { 128 | color: #ec5242; 129 | font-family: 'COCOGOOSE', sans-serif; 130 | font-style: normal; 131 | font-weight: 500; 132 | font-size: 1.5rem; 133 | margin-left: 26px; 134 | } 135 | 136 | .page-desc { 137 | font-family: 'COCOGOOSE', sans-serif; 138 | font-style: normal; 139 | font-weight: 10; 140 | font-size: 12px; 141 | margin-left: 30px; 142 | margin-right: 30px; 143 | border: 1px solid white; 144 | border-width: medium; 145 | padding: 20px; 146 | background-color: #d3d3d3; 147 | } 148 | 149 | .page-date { 150 | color: #d3d3d3; 151 | font-family: 'COCOGOOSE', sans-serif; 152 | font-style: normal; 153 | font-weight: 400; 154 | font-size: 24px; 155 | margin-left: 16px; 156 | padding: 15px; 157 | } 158 | 159 | .page-date span { 160 | font-family: 'COCOGOOSE', sans-serif; 161 | font-style: normal; 162 | font-weight: 10; 163 | font-size: 12px; 164 | } 165 | 166 | .page-schedule { 167 | width: 100%; 168 | margin: 0; 169 | background: url(./images/programs-bg.jpeg); 170 | background-repeat: no-repeat; 171 | background-size: cover; 172 | border: 1px transparent solid; 173 | } 174 | 175 | .page-schedule h2 { 176 | color: #d3d3d3; 177 | text-align: center; 178 | justify-content: center; 179 | font-size: 22px; 180 | } 181 | 182 | .page-schedule span { 183 | border-bottom: 3px solid #ec5242; 184 | } 185 | 186 | .daily-programs li { 187 | display: grid; 188 | grid-template-columns: 0.5fr 1fr 1.5fr; 189 | justify-content: center; 190 | align-items: center; 191 | padding: 5px; 192 | background-color: #78767650; 193 | margin: 10px 10px; 194 | } 195 | 196 | .page-sponsors ul li, 197 | .page-sponsors-about ul li { 198 | display: flex; 199 | justify-content: space-between; 200 | padding: 10px; 201 | margin-left: 10px; 202 | } 203 | 204 | .daily-programs li:last-child { 205 | display: flex; 206 | justify-content: center; 207 | align-items: center; 208 | background-color: #ec5242; 209 | margin-left: 30px; 210 | margin-right: 30px; 211 | font-family: 'COCOGOOSE', sans-serif; 212 | font-style: normal; 213 | font-weight: 600; 214 | font-size: 12px; 215 | color: #d3d3d3; 216 | } 217 | 218 | .page-join span { 219 | margin-left: 5px; 220 | padding: 15px; 221 | } 222 | 223 | .page-program { 224 | display: none; 225 | } 226 | 227 | .speakers-section { 228 | width: 100%; 229 | height: 100%; 230 | background-color: #d3d3d3; 231 | } 232 | 233 | .speakers-section h4 { 234 | font-family: 'COCOGOOSE', sans-serif; 235 | font-style: normal; 236 | font-weight: 300; 237 | font-size: 24px; 238 | color: #272a31; 239 | text-align: center; 240 | justify-content: center; 241 | align-items: center; 242 | margin-bottom: 10px; 243 | } 244 | 245 | .speaker-image-1 { 246 | background-image: url('./images/speaker-1.jpeg'); 247 | background-position: left; 248 | background-repeat: no-repeat; 249 | background-size: 120px; 250 | height: 160px; 251 | } 252 | 253 | .speaker-image-2 { 254 | background-image: url('./images/speaker-2.jpg'); 255 | background-position: left; 256 | background-repeat: no-repeat; 257 | background-size: 120px; 258 | height: 160px; 259 | } 260 | 261 | .speaker-image-3 { 262 | background-image: url('./images/speaker-3.jpg'); 263 | background-position: left; 264 | background-repeat: no-repeat; 265 | background-size: 120px; 266 | height: 160px; 267 | } 268 | 269 | .speaker-image-4 { 270 | background-image: url('./images/speaker-4.jpg'); 271 | background-position: left; 272 | background-repeat: no-repeat; 273 | background-size: 120px; 274 | height: 160px; 275 | } 276 | 277 | .speaker-image-5 { 278 | background-image: url('./images/speaker-5.jpg'); 279 | background-position: left; 280 | background-repeat: no-repeat; 281 | background-size: 120px; 282 | height: 160px; 283 | } 284 | 285 | .speaker-image-6 { 286 | background-image: url('./images/speaker-6.jpg'); 287 | background-position: left; 288 | background-repeat: no-repeat; 289 | background-size: 120px; 290 | height: 160px; 291 | } 292 | 293 | .speakers-list { 294 | display: flex; 295 | list-style: none; 296 | height: 250px; 297 | } 298 | 299 | .speaker-sp { 300 | display: grid; 301 | grid-template-columns: 30% 70%; 302 | justify-content: center; 303 | align-items: center; 304 | column-gap: 10px; 305 | height: 120px; 306 | } 307 | 308 | .speaker-info { 309 | gap: 5px; 310 | margin: 5px; 311 | } 312 | 313 | .speaker-name { 314 | font-family: 'COCOGOOSE', sans-serif; 315 | font-style: normal; 316 | font-weight: 300; 317 | color: #272a31; 318 | margin-bottom: 0; 319 | } 320 | 321 | .speaker-title { 322 | color: #ec5242; 323 | font-family: 'COCOGOOSE', sans-serif; 324 | font-style: normal; 325 | font-weight: 50; 326 | margin-top: 0; 327 | } 328 | 329 | .speaker-description { 330 | font-family: 'COCOGOOSE', sans-serif; 331 | font-style: normal; 332 | font-weight: 5; 333 | font-size: 12px; 334 | } 335 | 336 | .page-sponsors, 337 | .page-sponsors-about { 338 | width: 100%; 339 | background-color: #272a31; 340 | left: 0; 341 | right: 0; 342 | } 343 | 344 | .speaker-header span, 345 | .sponsors-header span { 346 | border-bottom: 3px solid #ec5242; 347 | padding-bottom: 5px; 348 | } 349 | 350 | .page-sponsors h5, 351 | .page-sponsors-about h5 { 352 | display: flex; 353 | justify-content: center; 354 | align-items: center; 355 | font-family: 'COCGOOSE', sans-serif; 356 | font-style: normal; 357 | font-weight: 600; 358 | color: #d3d3d3; 359 | font-size: 24px; 360 | margin-bottom: 10px; 361 | } 362 | 363 | .page-sponsors ul, 364 | .page-sponsors-about ul { 365 | display: flex; 366 | flex-direction: row; 367 | list-style: none; 368 | padding-left: 9px; 369 | padding-right: 9px; 370 | } 371 | 372 | .page-footer, 373 | .page-footer-about { 374 | display: grid; 375 | grid-template-columns: 50% 50%; 376 | width: 100%; 377 | height: 100px; 378 | left: 0; 379 | right: 0; 380 | } 381 | 382 | .page-footer span, 383 | .page-footer-about span { 384 | font-family: 'COCOGOOSE', sans-serif; 385 | font-style: normal; 386 | font-weight: 100; 387 | font-size: 14px; 388 | } 389 | 390 | .logo-footer, 391 | .logo-footer-about { 392 | display: flex; 393 | justify-content: center; 394 | align-items: center; 395 | margin-left: 16px; 396 | } 397 | 398 | .page-footer p, 399 | .page-footer-about p { 400 | font-family: 'COCOGOOSE', sans-serif; 401 | font-style: normal; 402 | font-weight: 100; 403 | font-size: 10px; 404 | color: #272a31; 405 | justify-content: center; 406 | margin-top: 20px; 407 | } 408 | 409 | .page-one-about { 410 | width: 100%; 411 | height: 650px; 412 | } 413 | 414 | .page-one-about h1 { 415 | color: #ec5242; 416 | font-family: 'COCOGOOSE', sans-serif; 417 | font-style: normal; 418 | font-weight: 500; 419 | font-size: 1.5rem; 420 | margin-left: 26px; 421 | } 422 | 423 | .page-desc-about { 424 | font-family: 'COCOGOOSE', sans-serif; 425 | font-style: normal; 426 | font-weight: 20; 427 | font-size: 12px; 428 | margin-left: 16px; 429 | margin-right: 16px; 430 | border: 1px solid #fff; 431 | padding: 30px; 432 | background-color: #d3d3d3; 433 | color: #272a31; 434 | } 435 | 436 | .page-one-about p { 437 | color: #ec5242; 438 | font-family: 'COCOGOOSE', sans-serif; 439 | font-style: normal; 440 | font-weight: 300; 441 | font-size: 16px; 442 | margin-left: 46px; 443 | margin-top: 20px; 444 | } 445 | 446 | .page-contact { 447 | font-family: 'COCOGOOSE', sans-serif; 448 | font-style: normal; 449 | font-weight: 10; 450 | font-size: 12px; 451 | margin-left: 16px; 452 | padding: 20px; 453 | color: #d3d3d3; 454 | } 455 | 456 | .page-contact span { 457 | text-decoration: underline; 458 | font-weight: 20; 459 | font-size: 12px; 460 | } 461 | 462 | .page-logo { 463 | width: 100%; 464 | background-color: #fff; 465 | padding: 10px; 466 | } 467 | 468 | .page-logo h2 { 469 | color: #272a31; 470 | font-family: 'COCOGOOSE', sans-serif; 471 | font-style: normal; 472 | font-weight: 100; 473 | margin: 36px; 474 | justify-content: center; 475 | align-items: center; 476 | } 477 | 478 | .page-logo p { 479 | font-family: 'COCOGOOSE', sans-serif; 480 | font-style: normal; 481 | font-weight: 30; 482 | font-size: 12px; 483 | margin-left: 26px; 484 | padding: 20px; 485 | color: #272a31; 486 | } 487 | 488 | .page-logo span { 489 | border-bottom: 2px solid #ec5242; 490 | } 491 | 492 | .about-logo { 493 | display: flex; 494 | align-items: center; 495 | justify-content: center; 496 | gap: 10px; 497 | height: 126px; 498 | margin-left: 16px; 499 | margin-right: 16px; 500 | border: 1px solid grey; 501 | padding: 10px; 502 | } 503 | 504 | .about-logo img { 505 | width: 120px; 506 | height: 86px; 507 | } 508 | 509 | .logo-details { 510 | display: flex; 511 | flex-direction: column; 512 | } 513 | 514 | .logo-details h2 { 515 | margin-bottom: 0; 516 | font-family: 'COCOGOOSE', sans-serif; 517 | font-style: normal; 518 | font-weight: 400; 519 | font-size: 14px; 520 | } 521 | 522 | .logo-details p { 523 | margin-top: 0; 524 | text-decoration: overline underline; 525 | font-family: 'COCOGOOSE', sans-serif; 526 | font-style: normal; 527 | font-weight: 80; 528 | font-size: 10px; 529 | } 530 | 531 | .page-news { 532 | width: 100%; 533 | background-color: #fff; 534 | } 535 | 536 | .page-news h4 { 537 | font-family: 'COCOGOOSE', sans-serif; 538 | font-style: normal; 539 | font-weight: 100; 540 | font-size: 16px; 541 | margin: 36px; 542 | color: #272a31; 543 | } 544 | 545 | .page-news p { 546 | font-family: 'COCOGOOSE', sans-serif; 547 | font-style: normal; 548 | font-weight: 50; 549 | font-size: 12px; 550 | margin-left: 12px; 551 | color: #272a31; 552 | } 553 | 554 | .past-projects { 555 | display: flex; 556 | margin: 10px; 557 | gap: 15px; 558 | flex-direction: column; 559 | justify-content: center; 560 | align-items: center; 561 | } 562 | 563 | .first-project { 564 | background-image: url('./images/about-project-one.jpg'); 565 | background-position: center; 566 | background-size: cover; 567 | background-repeat: no-repeat; 568 | width: 100%; 569 | height: 200px; 570 | background-blend-mode: darken; 571 | background-color: rgba(255, 0, 0, 0.6); 572 | } 573 | 574 | .second-project { 575 | background-image: url('./images/about-project-two.jpg'); 576 | background-position: center; 577 | background-size: cover; 578 | background-repeat: no-repeat; 579 | width: 100%; 580 | height: 200px; 581 | background-blend-mode: darken; 582 | background-color: rgba(255, 0, 0, 0.6); 583 | } 584 | 585 | .past-projects h5 { 586 | color: #d3d3d3; 587 | font-family: 'COCOGOOSE', sans-serif; 588 | font-style: normal; 589 | font-weight: 20; 590 | font-size: 1rem; 591 | display: flex; 592 | justify-content: center; 593 | margin-top: 95px; 594 | } 595 | 596 | .past-projects p { 597 | color: #d3d3d3; 598 | font-family: 'COCOGOOSE', sans-serif; 599 | font-style: normal; 600 | font-weight: 50; 601 | font-size: 14px; 602 | display: flex; 603 | justify-content: center; 604 | align-items: center; 605 | } 606 | 607 | .daily-programs li h3 { 608 | color: #ec5242; 609 | font-size: 18px; 610 | } 611 | 612 | .daily-programs li p { 613 | color: #d3d3d3; 614 | } 615 | 616 | @media screen and (min-width: 768px) { 617 | .top-nav { 618 | display: flex; 619 | justify-content: space-between; 620 | width: 100%; 621 | height: 46px; 622 | background-color: #272a31; 623 | border-top-right-radius: 8px; 624 | } 625 | 626 | .social-media-icons { 627 | list-style: none; 628 | display: flex; 629 | flex-direction: row; 630 | width: 320px; 631 | justify-content: space-around; 632 | padding: 12px; 633 | margin-top: 0; 634 | margin-bottom: 0; 635 | margin-right: 20px; 636 | right: 0; 637 | border-top-right-radius: 8px; 638 | } 639 | 640 | .social-media-icons:nth-child(4), 641 | .social-media-icons:last-child { 642 | font-family: 'COCOGOOSE', sans-serif; 643 | font-style: normal; 644 | font-weight: 400; 645 | font-size: 12px; 646 | color: #d3d3d3; 647 | } 648 | 649 | .hamburger-menu { 650 | display: none; 651 | } 652 | 653 | .exit-btn { 654 | display: none; 655 | } 656 | 657 | .logo { 658 | display: flex; 659 | } 660 | 661 | .overlay { 662 | display: flex; 663 | background-color: #fff; 664 | list-style: none; 665 | justify-content: space-between; 666 | flex-direction: row; 667 | position: unset; 668 | height: 1.5rem; 669 | top: 7px; 670 | } 671 | 672 | .nav { 673 | display: flex; 674 | justify-content: space-between; 675 | width: 100%; 676 | height: 3rem; 677 | background-color: #fff; 678 | align-items: center; 679 | } 680 | 681 | .daily-programs li { 682 | display: flex; 683 | flex-direction: column; 684 | height: 190px; 685 | width: 200px; 686 | padding: 0; 687 | gap: 5px; 688 | margin: 5px; 689 | } 690 | 691 | .navbar-items { 692 | display: flex; 693 | list-style: none; 694 | text-decoration: none; 695 | flex-direction: row; 696 | font-family: 'COCOGOOSE', sans-serif; 697 | font-style: normal; 698 | align-items: center; 699 | } 700 | 701 | .navbar-items li:first-child { 702 | color: #ec5242; 703 | } 704 | 705 | .navbar-items li:last-child { 706 | border: 1px solid #ec5242; 707 | border-width: thick; 708 | padding: 7px; 709 | } 710 | 711 | .menu-items a { 712 | display: flex; 713 | font-family: 'COCOGOOSE', sans-serif; 714 | font-style: normal; 715 | font-size: 12px; 716 | font-weight: 50; 717 | color: #272a31; 718 | text-decoration: none; 719 | } 720 | 721 | .page-one p { 722 | font-family: 'COCOGOOSE', sans-serif; 723 | font-style: normal; 724 | font-weight: 200; 725 | font-size: 22px; 726 | margin-left: 256px; 727 | } 728 | 729 | .page-one h1 { 730 | font-family: 'COCOGOOSE', sans-serif; 731 | font-style: normal; 732 | font-weight: 500; 733 | font-size: 3.5rem; 734 | margin-left: 226px; 735 | } 736 | 737 | .page-desc { 738 | font-family: 'COCOGOOSE', sans-serif; 739 | font-style: normal; 740 | font-weight: 10; 741 | font-size: 12px; 742 | margin-left: 30px; 743 | margin-right: 140px; 744 | } 745 | 746 | .page-date { 747 | margin-left: 16px; 748 | padding: 25px; 749 | } 750 | 751 | .page-date span { 752 | font-family: 'COCOGOOSE', sans-serif; 753 | font-style: normal; 754 | font-weight: 10; 755 | font-size: 12px; 756 | } 757 | 758 | .page-schedule { 759 | width: 100%; 760 | left: 0; 761 | height: 350px; 762 | } 763 | 764 | .page-schedule h2 { 765 | display: flex; 766 | text-align: center; 767 | justify-content: center; 768 | margin-top: 15px; 769 | margin-left: 15px; 770 | } 771 | 772 | .daily-programs { 773 | display: flex; 774 | justify-content: center; 775 | margin-left: 10px; 776 | } 777 | 778 | .daily-programs li:last-child { 779 | display: none; 780 | } 781 | 782 | .page-program { 783 | display: flex; 784 | color: #d3d3d3; 785 | text-align: center; 786 | justify-content: center; 787 | font-size: 16px; 788 | text-decoration: underline; 789 | padding: 15px; 790 | } 791 | 792 | .speakers-section { 793 | display: grid; 794 | grid-template-columns: 50% 50%; 795 | width: 100%; 796 | } 797 | 798 | .hr { 799 | display: flex; 800 | position: relative; 801 | } 802 | 803 | .speakers { 804 | width: 80%; 805 | margin-left: 76px; 806 | margin-right: 76px; 807 | } 808 | 809 | .speakers-section h4 { 810 | margin-top: 10px; 811 | font-size: 22px; 812 | } 813 | 814 | .page-sponsors h5 { 815 | display: flex; 816 | justify-content: center; 817 | text-align: center; 818 | padding: 10px; 819 | font-size: 26px; 820 | margin-left: 30px; 821 | } 822 | 823 | .page-sponsors ul { 824 | display: flex; 825 | justify-content: space-around; 826 | margin-left: 50px; 827 | } 828 | 829 | .page-one-about p { 830 | display: none; 831 | } 832 | 833 | .page-one-about h1 { 834 | display: flex; 835 | justify-content: center; 836 | align-items: center; 837 | font-weight: 600; 838 | font-size: 3rem; 839 | margin-left: 36px; 840 | } 841 | 842 | .page-desc-about { 843 | display: flex; 844 | justify-content: center; 845 | align-items: center; 846 | margin-left: 36px; 847 | margin-right: 126px; 848 | font-size: 14px; 849 | } 850 | 851 | .page-contact { 852 | margin-left: 126px; 853 | align-items: center; 854 | font-size: 14px; 855 | font-weight: 50; 856 | } 857 | 858 | .page-logo h2 { 859 | display: flex; 860 | font-family: 'COCOGOOSE', sans-serif; 861 | font-size: 18px; 862 | font-weight: 400; 863 | } 864 | 865 | .page-logo p { 866 | display: flex; 867 | justify-content: center; 868 | align-items: center; 869 | align-self: center; 870 | font-family: 'COCOGOOSE', sans-serif; 871 | font-size: 14px; 872 | margin-left: 46px; 873 | margin-right: 46px; 874 | } 875 | 876 | .about-logo { 877 | margin-left: 250px; 878 | margin-right: 200px; 879 | height: 180px; 880 | } 881 | 882 | .hr-about { 883 | margin: 45px; 884 | } 885 | 886 | .page-news p { 887 | display: flex; 888 | justify-content: center; 889 | align-items: center; 890 | align-self: center; 891 | font-family: 'COCOGOOSE', sans-serif; 892 | font-size: 14px; 893 | margin-left: 46px; 894 | } 895 | 896 | .page-news h4 { 897 | display: flex; 898 | justify-content: center; 899 | align-items: center; 900 | align-self: center; 901 | font-family: 'COCOGOOSE', sans-serif; 902 | font-size: 2rem; 903 | font-weight: 100; 904 | } 905 | 906 | .past-projects { 907 | display: flex; 908 | flex-direction: row; 909 | justify-content: center; 910 | align-items: center; 911 | margin-left: 76px; 912 | margin-right: 76px; 913 | } 914 | 915 | .first-project, 916 | .second-project { 917 | height: 250px; 918 | } 919 | 920 | .page-sponsors-about { 921 | display: none; 922 | width: 100%; 923 | } 924 | 925 | .page-footer-about { 926 | background-color: #272a31; 927 | } 928 | 929 | .logo-footer-about span { 930 | color: #d3d3d3; 931 | font-size: 16px; 932 | font-weight: 600; 933 | } 934 | 935 | .page-footer-about p { 936 | color: #d3d3d3; 937 | margin-top: 40px; 938 | font-size: 12px; 939 | } 940 | 941 | .daily-programs li h2 { 942 | margin-bottom: 0; 943 | margin-top: 0; 944 | } 945 | 946 | .daily-programs li p { 947 | margin-top: 0; 948 | } 949 | } 950 | --------------------------------------------------------------------------------