├── index.html ├── .github └── workflows │ └── jekyll-gh-pages.yml ├── README.md ├── index.css └── img └── market.svg /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | Marketing site 12 | 13 | 14 | 15 |

16 |

17 |

18 |

GOT MARKETING? ADVANCE YOUR BUSINESS INSIGHT.

19 |

Fill out the form and receive our award winning newsletter

20 |

21 |

22 |

23 | 24 | 35 |

36 |

37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /.github/workflows/jekyll-gh-pages.yml: -------------------------------------------------------------------------------- 1 | # Sample workflow for building and deploying a Jekyll site to GitHub Pages 2 | name: Deploy Jekyll with GitHub Pages dependencies preinstalled 3 | 4 | on: 5 | # Runs on pushes targeting the default branch 6 | push: 7 | branches: ["main"] 8 | 9 | # Allows you to run this workflow manually from the Actions tab 10 | workflow_dispatch: 11 | 12 | # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages 13 | permissions: 14 | contents: read 15 | pages: write 16 | id-token: write 17 | 18 | # Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued. 19 | # However, do NOT cancel in-progress runs as we want to allow these production deployments to complete. 20 | concurrency: 21 | group: "pages" 22 | cancel-in-progress: false 23 | 24 | jobs: 25 | # Build job 26 | build: 27 | runs-on: ubuntu-latest 28 | steps: 29 | - name: Checkout 30 | uses: actions/checkout@v3 31 | - name: Setup Pages 32 | uses: actions/configure-pages@v3 33 | - name: Build with Jekyll 34 | uses: actions/jekyll-build-pages@v1 35 | with: 36 | source: ./ 37 | destination: ./_site 38 | - name: Upload artifact 39 | uses: actions/upload-pages-artifact@v1 40 | 41 | # Deployment job 42 | deploy: 43 | environment: 44 | name: github-pages 45 | url: ${{ steps.deployment.outputs.page_url }} 46 | runs-on: ubuntu-latest 47 | needs: build 48 | steps: 49 | - name: Deploy to GitHub Pages 50 | id: deployment 51 | uses: actions/deploy-pages@v2 52 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | #### ⭐ star this repo if you like it 2 | 3 |

4 |

5 |

6 | 7 | # Marketing Website 8 | 9 | This repository contains the source code for a marketing website user interface. It is designed to showcase products or services in an appealing and user-friendly manner. 10 | 11 | ## Features 12 | 13 | - Responsive design for various screen sizes. 14 | - Modern and visually appealing user interface. 15 | - Easy navigation for users to explore products or services. 16 | 17 | ## Screenshots 18 | ![Screenshot 2023-12-03 141356](https://github.com/kanugurajesh/Marketing-Website/assets/120458029/2f325c5e-43c4-4a9f-92d5-c453a953bf2f) 19 | 20 | ## Contributing 21 | 22 | This project loves to accept contributions from everyone 23 | 24 | ## Technologies Used 25 | 26 | - HTML 27 | - CSS 28 | - JavaScript 29 | 30 | ## 🔗 Links 31 | [![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://rajeshportfolio.me/) 32 | [![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/rajesh-kanugu-aba8a3254/) 33 | [![twitter](https://img.shields.io/badge/twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://twitter.com/exploringengin1) 34 | 35 | ## Authors 36 | 37 | - [@kanugurajesh](https://github.com/kanugurajesh) 38 | 39 | ## Support 40 | 41 | For support, you can buy me a coffee 42 | 43 |

44 | 45 | ## License 46 | 47 | This project license is MIT LICENSE 48 | -------------------------------------------------------------------------------- /index.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@1,300&display=swap'); 2 | 3 | *, 4 | *::before, 5 | *::after { 6 | margin: 0; 7 | padding: 0; 8 | box-sizing: border-box; 9 | } 10 | 11 | #container-one { 12 | background-repeat: no-repeat; 13 | background-image: url("./img/market.svg"); 14 | background-size: cover; 15 | } 16 | 17 | #container-one div { 18 | max-width: 400px; 19 | margin: auto; 20 | display: flex; 21 | flex-direction: column; 22 | align-items: center; 23 | justify-content: space-around; 24 | text-align: center; 25 | padding: 40px; 26 | height: 60vh; 27 | color: #fff; 28 | } 29 | 30 | #container-one h1 { 31 | font-size: 2.5rem; 32 | line-height: 1.2; 33 | font-family: 'Bebas Neue', sans-serif; 34 | font-weight: lighter; 35 | } 36 | 37 | #container-one p { 38 | font-family: 'Poppins', sans-serif; 39 | font-size: 24px; 40 | line-height: 36px; 41 | } 42 | 43 | #container-two { 44 | display: flex; 45 | flex-direction: column; 46 | align-items: center; 47 | justify-content: center; 48 | height: 50vh; 49 | } 50 | 51 | #container { 52 | display: flex; 53 | flex-direction: column; 54 | } 55 | 56 | #container-two div { 57 | margin: auto; 58 | width: 80%; 59 | display: flex; 60 | flex-direction: column; 61 | justify-content: space-around; 62 | gap: 10px; 63 | } 64 | 65 | #container-two form { 66 | width: 100%; 67 | height: 80%; 68 | display: flex; 69 | flex-direction: column; 70 | justify-content: space-around; 71 | } 72 | 73 | #container-two form input { 74 | height: 40px; 75 | border-radius: 5px; 76 | border: 1px solid #ccc; 77 | padding: 10px; 78 | font-size: 16px; 79 | } 80 | 81 | input[type="submit"] { 82 | background: #5200FF; 83 | color: #fff; 84 | } 85 | 86 | @media (min-width:700px) { 87 | #container-one h1 { 88 | font-size: 3.3rem; 89 | font-weight: lighter; 90 | } 91 | 92 | #container-one form { 93 | flex-direction: row; 94 | } 95 | 96 | #container-two div { 97 | width: 40vw; 98 | } 99 | } 100 | 101 | @media (min-width:1260px) { 102 | #container { 103 | flex-direction: row; 104 | } 105 | 106 | #container-one { 107 | width: 50%; 108 | height: 100vh; 109 | display: flex; 110 | flex-direction: column; 111 | justify-content: center; 112 | align-items: center; 113 | } 114 | 115 | #container-two { 116 | width: 50%; 117 | height: 100vh; 118 | } 119 | 120 | #container-two form { 121 | width: 70%; 122 | height: 45%; 123 | display: flex; 124 | } 125 | 126 | #container-two form input { 127 | height: 55px; 128 | border-radius: 5px; 129 | border: 1px solid #ccc; 130 | padding: 10px; 131 | font-size: 16px; 132 | } 133 | 134 | #container-two form label { 135 | font-size: 18px; 136 | } 137 | 138 | input[type="submit"] { 139 | width: 40%; 140 | } 141 | 142 | } -------------------------------------------------------------------------------- /img/market.svg: -------------------------------------------------------------------------------- 1 | 11 | --------------------------------------------------------------------------------