{"id":20112138,"url":"https://github.com/codewithmoses/blacklens-website","last_synced_at":"2026-05-15T05:09:17.581Z","repository":{"id":257107828,"uuid":"857336547","full_name":"codewithmoses/BlackLens-Website","owner":"codewithmoses","description":"Welcome to the BlackLens Photography portfolio! This website is a single-page HTML portfolio built using Tailwind CSS for styling and Cofic for additional style management. The focus of this portfolio is to showcase the photographer’s best work with a clean and modern design, emphasizing visual storytelling through high-quality imagery.","archived":false,"fork":false,"pushed_at":"2024-09-14T12:11:32.000Z","size":33,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-02T18:50:46.031Z","etag":null,"topics":["html-tailwind-template","tailwindcss"],"latest_commit_sha":null,"homepage":"https://codewithmoses.github.io/BlackLens-Website/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/codewithmoses.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-09-14T11:39:36.000Z","updated_at":"2024-09-14T12:11:35.000Z","dependencies_parsed_at":null,"dependency_job_id":"eda72f64-7a55-4c8e-8735-3b58ab3a57cc","html_url":"https://github.com/codewithmoses/BlackLens-Website","commit_stats":null,"previous_names":["codewithmoses/blacklens-website"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/codewithmoses/BlackLens-Website","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codewithmoses%2FBlackLens-Website","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codewithmoses%2FBlackLens-Website/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codewithmoses%2FBlackLens-Website/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codewithmoses%2FBlackLens-Website/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codewithmoses","download_url":"https://codeload.github.com/codewithmoses/BlackLens-Website/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codewithmoses%2FBlackLens-Website/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33054494,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-13T13:14:54.681Z","status":"online","status_checked_at":"2026-05-15T02:00:06.351Z","response_time":103,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["html-tailwind-template","tailwindcss"],"created_at":"2024-11-13T18:19:08.689Z","updated_at":"2026-05-15T05:09:17.564Z","avatar_url":"https://github.com/codewithmoses.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\n# 📸 BlackLens Photography - README\n\n## Overview\n\nWelcome to the **BlackLens Photography** portfolio! This website is a **single-page HTML portfolio** built using **Tailwind CSS** for styling and **Cofic** for additional style management. The focus of this portfolio is to showcase the photographer’s best work with a clean and modern design, emphasizing visual storytelling through high-quality imagery.\n\nThe site includes:\n- Hero Section with captivating imagery\n- Service Overview (Wedding, Portrait, Commercial photography)\n- Portfolio grid with featured images\n- Client testimonials and contact information\n\n---\n\n## 💻 How to Set Up the Project\n\n1. **Download the Repository**:\n   Clone or download the repository to your local machine:\n   ```bash\n   git clone https://github.com/YourRepo/BlackLensPhotography.git\n   ```\n\n2. **File Structure**:\n   - **index.html**: The main single-page HTML file for the portfolio.\n   - **/assets**: Contains all the images, including portfolio images and brand logos.\n   - **/css**: A folder where Tailwind directives are stored if needed for custom CSS.\n\n3. **Installation**:\n   Tailwind CSS and Cofic are included via CDN, so you do not need any additional npm installation. Simply open the `index.html` file in your browser to view the site.\n   \n4. **Tailwind CSS and Cofic Setup**:\n   - **Tailwind CSS** is linked via CDN for styling:\n     ```html\n     \u003clink href=\"https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css\" rel=\"stylesheet\"\u003e\n     ```\n   - **Cofic** is included for extra style management:\n     ```html\n     \u003cscript src=\"https://cdn.cofic.io/latest/cofic.min.js\"\u003e\u003c/script\u003e\n     ```\n\n---\n\n## 🖼️ Key Website Sections\n\n### **Hero Section**:\nThis section is designed to make a strong visual impact with high-quality images and a bold headline:\n```html\n\u003csection class=\"bg-black text-white h-screen flex flex-col justify-center items-center\"\u003e\n  \u003ch1 class=\"text-5xl md:text-6xl font-bold\"\u003eCapturing Timeless Moments\u003c/h1\u003e\n  \u003cp class=\"text-lg md:text-xl mt-4\"\u003eOne Frame at a Time\u003c/p\u003e\n\u003c/section\u003e\n```\n\n### **Portfolio Grid**:\nA dynamic grid showcasing the photographer's best work across different categories:\n```html\n\u003csection class=\"grid grid-cols-1 md:grid-cols-3 gap-6 p-10\"\u003e\n  \u003cimg class=\"w-full h-auto object-cover\" src=\"assets/wedding1.jpg\" alt=\"Wedding Moments\"\u003e\n  \u003cimg class=\"w-full h-auto object-cover\" src=\"assets/portrait1.jpg\" alt=\"Authentic Portraits\"\u003e\n\u003c/section\u003e\n```\n\n### **Testimonials**:\nFeaturing client reviews to build trust and credibility:\n```html\n\u003csection class=\"p-10 bg-gray-100\"\u003e\n  \u003cdiv class=\"text-center mb-8\"\u003e\n    \u003ch2 class=\"text-4xl font-bold\"\u003eWhat Our Clients Say\u003c/h2\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"grid grid-cols-1 md:grid-cols-2 gap-6\"\u003e\n    \u003cdiv class=\"p-6 bg-white rounded-lg shadow\"\u003e\n      \u003cp\u003e\"Ethan's ability to capture raw emotions is unmatched. Highly recommend!\"\u003c/p\u003e\n      \u003cp class=\"mt-4 font-bold\"\u003e- Sarah Jones\u003c/p\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/section\u003e\n```\n\n---\n\n## 🎨 Tailwind CSS Styling Guide\n\n### **Fonts \u0026 Colors**:\n- **Primary Fonts**: The portfolio uses **serif** and **sans-serif** combinations for readability and elegance:\n   ```css\n   font-family: 'Inter', sans-serif;\n   ```\n- **Colors**: The design relies on a **monochromatic black and white palette** to bring focus to the images:\n   ```css\n   bg-black, text-white, hover:text-gray-300\n   ```\n\n### **Button Styling**:\nButtons across the site use Tailwind classes for hover effects and transitions:\n```html\n\u003cbutton class=\"bg-white text-black hover:bg-gray-300 px-4 py-2 rounded-full transition duration-300 ease-in-out\"\u003e\n```\n\n---\n\n## 🚀 Deployment Instructions\n\n- **GitHub Pages**: Upload the HTML file to a GitHub repository and enable GitHub Pages from the settings.\n- **Netlify** or **Vercel**: Drag and drop the project folder for automatic deployment.\n\n---\n\n## 🔗 Contact\n\nFor any questions or collaboration requests, feel free to contact:\n- **Email**: hello@blacklensstudio.com\n- **Phone**: +1 123-456-7890\n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodewithmoses%2Fblacklens-website","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodewithmoses%2Fblacklens-website","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodewithmoses%2Fblacklens-website/lists"}