diff --git a/template/Portfolio-Websites/Simple/HTML-CSS/v2/README.md b/template/Portfolio-Websites/Simple/HTML-CSS/v2/README.md new file mode 100644 index 0000000..0ec2b0c --- /dev/null +++ b/template/Portfolio-Websites/Simple/HTML-CSS/v2/README.md @@ -0,0 +1,39 @@ +# Portfolio Website + +This is a responsive and interactive personal portfolio website created using HTML, CSS, and JavaScript. It showcases my skills, projects, and contact information in a user-friendly and visually appealing manner. + +## Features + +- **Responsive Design**: The website is fully responsive, ensuring it looks great on all devices, including mobile, tablet, and desktop. +- **Interactive Animations**: Smooth animations and transitions make the website dynamic and engaging. +- **Skills Showcase**: A section that highlights key technical and soft skills. +- **Project Gallery**: Displays a collection of projects, each with descriptions, images, and links to live demos or repositories. +- **Contact Form**: A functional contact form that allows users to get in touch. +- **Social Links**: Links to my social media profiles for easy connection. + +## Technologies Used + +- **HTML5**: For structuring the content and providing the foundation of the site. +- **CSS3**: For styling, including Flexbox and Grid for layout, and animations for interactive elements. +- **JavaScript**: For adding interactivity and smooth animations. + +## Sections + +1. **Home**: Introduction with a professional photo and a short bio. +2. **About Me**: A brief overview of my background, interests, and what I do. +3. **Skills**: A section to showcase my technical skills and tools I'm proficient in. +4. **Projects**: A grid or carousel of projects with screenshots, descriptions, and links to their GitHub repositories or live demos. +5. **Contact**: A contact form and social media links to reach out directly. + +## Setup and Usage + +To run the portfolio website locally, follow these steps: + +1. **Clone the repository:** + + ```bash + npm i universal-box + universal-box init + cd Portfolio-Website + cd v2 + ``` diff --git a/template/Portfolio-Websites/Simple/HTML-CSS/v2/contact.html b/template/Portfolio-Websites/Simple/HTML-CSS/v2/contact.html new file mode 100644 index 0000000..0ef3954 --- /dev/null +++ b/template/Portfolio-Websites/Simple/HTML-CSS/v2/contact.html @@ -0,0 +1,66 @@ + + + +
+ + + +Hello! I’m Your Name, Tell More about yourself and desribe who are you and + waht are your qualificaions here!! + Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sequi minus, omnis delectus laudantium in esse voluptate quibusdam consequatur, dignissimos placeat dolores similique illum nesciunt qui quam provident id. Minus earum, ullam consectetur, laudantium consequuntur sunt nobis delectus necessitatibus voluptate, voluptatum fuga est. Suscipit dolores optio at, impedit laudantium obcaecati recusandae!
+ + +Lorem ipsum dolor sit amet consectetur, adipisicing elit. Rerum, non! Vitae, delectus id! Blanditiis nam repudiandae laudantium ea eum recusandae neque delectus dicta, tenetur necessitatibus? Neque magni illum numquam rem vel recusandae. Consectetur at fugiat aliquid voluptatem omnis dolore fugit libero error sit? Consectetur beatae quae quod quas est id!
+ +Lorem ipsum dolor sit, amet consectetur adipisicing elit. Similique alias ipsa dignissimos voluptate, aliquam esse impedit nesciunt cumque natus cupiditate architecto a, sapiente quaerat repellat iure aliquid sint explicabo. Ex neque praesentium at quia atque voluptas fugit, vitae deserunt asperiores omnis accusamus! Porro, aut? Culpa delectus aliquid quia iusto eligendi?
+ + + + + +timestamp
+Time Stamp
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem illo expedita sequi, ipsum numquam nam fugit? Vel, adipisci? Dolores aliquam vero repudiandae nulla repellendus perferendis, asperiores cumque odit commodi iure illum ad suscipit rerum animi autem similique! Expedita magnam quibusdam eligendi voluptatum officia voluptates nemo, deserunt voluptatibus labore voluptate aliquam libero id ab, optio vero unde natus, nobis suscipit? Voluptatem officiis totam sint veritatis adipisci expedita sapiente illum consequuntur eveniet quasi ipsam, delectus molestiae id officia distinctio maxime commodi. Iure qui ducimus optio? Ullam iste laborum maxime ex, pariatur deleniti rerum molestiae quis harum consequuntur sunt autem esse quaerat minima!
+timestamp
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Est, explicabo perferendis libero dolores eius quos vitae ipsa illo natus nemo nihil obcaecati sunt consequatur inventore harum ad sint ipsum incidunt quia fuga repudiandae delectus hic eos! Quia eveniet deserunt sapiente velit maxime perspiciatis minus quisquam, hic ipsam at nam vel officia, recusandae facilis esse? Officia deserunt accusamus porro. Impedit accusamus blanditiis obcaecati, quasi debitis facere iure nulla amet reprehenderit. Minus natus odit beatae repudiandae libero officiis amet similique! Quas velit, aliquam autem consectetur nisi blanditiis, repellendus consequatur libero nesciunt iste deleniti, ullam harum? Maiores cum iure voluptates explicabo possimus libero!
+"In every project, there is an opportunity to learn, grow, and make a difference."
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur libero at nesciunt, earum error natus quos laborum dolore quas veniam deserunt quibusdam sit dolorum ratione nisi reiciendis non, molestiae, nostrum voluptates asperiores soluta voluptate itaque pariatur cumque. Tempore quaerat nemo soluta? Reiciendis deserunt, laborum dolores eius natus, aspernatur fugit accusantium dolor numquam sunt molestias maiores. Dignissimos cum similique sunt deserunt sapiente. Ratione velit alias nulla cupiditate expedita delectus, sit error! +
+ +Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur libero at nesciunt, earum error natus quos laborum dolore quas veniam deserunt quibusdam sit dolorum ratione nisi reiciendis non, molestiae, nostrum voluptates asperiores soluta voluptate itaque pariatur cumque. Tempore quaerat nemo soluta? Reiciendis deserunt, laborum dolores eius natus, aspernatur fugit accusantium dolor numquam sunt molestias maiores. Dignissimos cum similique sunt deserunt sapiente. Ratione velit alias nulla cupiditate expedita delectus, sit error! +
+ +Building a digital world, pixel by pixel, code by code—powered by a CSE engineer's expertise.
+ +"Crafting visually stunning and user-friendly web designs that captivate, inspire, and elevate your online presence. Our + designs seamlessly blend aesthetics and functionality to create immersive digital experiences that leave a lasting + impression and drive tangible results for your business." +
+ +"Unlocking the potential of the digital world through expert web development services. We create dynamic and responsive + websites that optimize user experience, leverage and deliver seamless functionality. Our + solutions empower businesses, driving growth and success in the ever-evolving online landscape." +
+ +"Powering the digital infrastructure with robust Frontend development expertise. Our skilled team builds scalable and + efficient backend systems that enable seamless data management, smooth functionality, and secure operations. We empower + your applications to perform at their best." +
+ +"Discover the joy of writing as I provide exceptional blogging services tailored to your passion. Together, we'll create + captivating content that resonates with your audience, sparks conversations, and leaves a lasting impact." +
+ +"Transform your photos into works of art with our professional photo editing services. Enhance colors, remove + imperfections, and bring your images to life. Whether it's for personal memories or professional projects, let us + elevate your photos and create stunning visual masterpieces." +
+ +
+ City
+ State, Country
+ Pincode
+
Phone: Phone
+ Number
+