Skip to content

Commit

Permalink
updates added
Browse files Browse the repository at this point in the history
  • Loading branch information
@Ansh101112
Ansh101112 committed Jul 10, 2024
1 parent 042749e commit 7680c91
Show file tree
Hide file tree
Showing 9 changed files with 2,298 additions and 259 deletions.
1 change: 1 addition & 0 deletions FRONTEND/csedge/.gitignore
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,3 +21,4 @@
npm-debug.log*
yarn-debug.log*
yarn-error.log*
.vercel
2,283 changes: 2,099 additions & 184 deletions FRONTEND/csedge/package-lock.json
View file

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions FRONTEND/csedge/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,7 @@
"react-dom": "^18.3.1",
"react-router-dom": "^6.24.1",
"react-scripts": "5.0.1",
"vercel": "^34.3.1",
"web-vitals": "^2.1.4"
},
"scripts": {
Expand Down
6 changes: 3 additions & 3 deletions FRONTEND/csedge/src/Pages/Contact.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,8 @@ import Footer from '../components/Footer';
const Contact = () => {
return (
<>
<Navbar />
<section className="bg-white">
{/* <Navbar /> */}
<section className="bg-white" id='contact'>
<div className="py-8 lg:py-16 px-4 mx-auto max-w-screen-md">
<h2 className="mb-4 text-4xl tracking-tight font-extrabold text-center text-gray-900">Contact Us</h2>
<p className="mb-8 lg:mb-16 font-light text-center text-gray-500 sm:text-xl">
Expand Down Expand Up @@ -50,7 +50,7 @@ const Contact = () => {
</form>
</div>
</section>
<Footer></Footer>
{/* <Footer></Footer> */}
</>
);
}
Expand Down
3 changes: 3 additions & 0 deletions FRONTEND/csedge/src/Pages/Home.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ import About from '../components/About'
import Footer from '../components/Footer'
import Testimonial from '../components/Testimonial'
import Pricing from '../components/Pricing'
import Contact from './Contact'

const Home = () => {
return (
Expand Down Expand Up @@ -99,8 +100,10 @@ const Home = () => {
</div>
</section>
<Pricing></Pricing>

<Testimonial></Testimonial>
<About></About>
<Contact></Contact>
<Footer></Footer>
</div>
</>
Expand Down
106 changes: 90 additions & 16 deletions FRONTEND/csedge/src/components/Footer.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,25 +1,99 @@
import React from 'react';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faFacebook, faTwitter, faInstagram, faLinkedin } from '@fortawesome/free-brands-svg-icons';
import { faFacebook, faTwitter, faInstagram, faLinkedin, faYoutube, faGithub } from '@fortawesome/free-brands-svg-icons';

const Footer = () => {
return (
<footer className="flex flex-col gap-4 sm:flex-row py-6 w-full items-center justify-between px-4 md:px-6 border-t bg-gray-800 text-white">
<p className="text-xs text-muted-foreground">© 2024 CSEDGE. All rights reserved.</p>
<div className="flex space-x-4">
<a href="#" aria-label="Facebook" className="text-white hover:text-primary">
<FontAwesomeIcon icon={faFacebook} size="lg" />
</a>
<a href="#" aria-label="Twitter" className="text-white hover:text-primary">
<FontAwesomeIcon icon={faTwitter} size="lg" />
</a>
<a href="#" aria-label="Instagram" className="text-white hover:text-primary">
<FontAwesomeIcon icon={faInstagram} size="lg" />
</a>
<a href="#" aria-label="LinkedIn" className="text-white hover:text-primary">
<FontAwesomeIcon icon={faLinkedin} size="lg" />
</a>
<footer className="bg-gray-900 text-white py-8">
<div className="container mx-auto px-4">
<div className="flex flex-wrap -mx-4">
<div className="w-full md:w-1/2 px-4 mb-8 md:mb-0">
<h6 className="text-xl font-semibold mb-4">About Us</h6>
<p className="text-justify mb-4">
This website offers straightforward guides and tutorials for interns, providing clear directions to complete tasks effectively.
</p>
<a
className="libutton"
href="https://www.linkedin.com/build-relation/newsletter-follow?entityUrn=7202959273855713280"
target="_blank"
rel="noopener noreferrer"
>
Subscribe on LinkedIn
</a>
</div>

<div className="w-full sm:w-1/2 md:w-1/4 px-4 mb-8 md:mb-0">
<h6 className="text-xl font-semibold mb-4">Categories</h6>
<ul className="footer-links space-y-2">
<li><a href="#" className="hover:text-gray-400">Web Design</a></li>
<li><a href="#" className="hover:text-gray-400">JavaScript</a></li>
<li><a href="#" className="hover:text-gray-400">HTML</a></li>
<li><a href="#" className="hover:text-gray-400">CSS</a></li>
<li><a href="#" className="hover:text-gray-400">Freebies</a></li>
<li><a href="#" className="hover:text-gray-400">Tutorials</a></li>
</ul>
</div>

<div className="w-full sm:w-1/2 md:w-1/4 px-4">
<h6 className="text-xl font-semibold mb-4">Quick Links</h6>
<ul className="footer-links space-y-2">
<li><a href="https://csedge.courses/about" className="hover:text-gray-400">About Us</a></li>
<li><a href="https://csedge.courses/#contact" className="hover:text-gray-400">Contact Us</a></li>
<li><a href="https://github.com/CSEdgeOfficial/learn.csedge.courses" className="hover:text-gray-400">Contribute</a></li>
<li><a href="./csedge.courses/privacypolicy.html" className="hover:text-gray-400">Privacy Policy</a></li>
</ul>
<ul className="social-icons flex mt-4 space-x-4">
<li><a href="https://youtube.com/@CSEdgeOfficial" className="text-gray-500 hover:text-white"><FontAwesomeIcon icon={faYoutube} /></a></li>
<li><a href="https://github.com/CSEdgeOfficial" className="text-gray-500 hover:text-white"><FontAwesomeIcon icon={faGithub} /></a></li>
<li><a href="https://www.linkedin.com/company/csedge/" className="text-gray-500 hover:text-white"><FontAwesomeIcon icon={faLinkedin} /></a></li>
<li><a href="https://www.instagram.com/csedgeofficial" className="text-gray-500 hover:text-white"><FontAwesomeIcon icon={faInstagram} /></a></li>
</ul>
</div>
</div>
<hr className="my-8 border-gray-700" />
<div className="flex justify-center">
<p className="text-center text-gray-500">
Copyright &copy; {new Date().getFullYear()} All Rights Reserved by CSEdge Learn
</p>
</div>
</div>
<style>
{`
.libutton {
display: flex;
flex-direction: column;
justify-content: center;
padding: 7px;
text-align: center;
outline: none;
text-decoration: none !important;
color: #ffffff !important;
width: 200px;
height: 32px;
border-radius: 16px;
background-color: #0A66C2;
font-family: "SF Pro Text", Helvetica, sans-serif;
}
.libutton:hover {
display: flex;
flex-direction: column;
justify-content: center;
padding: 7px;
text-align: center;
outline: none;
text-decoration: none;
color: #0A66C2;
width: 200px;
height: 32px;
border-radius: 16px;
background-color: black;
border-color: #0A66C2;
font-family: "SF Pro Text", Helvetica, sans-serif;
}
`}
</style>
</footer>
);
}
Expand Down
92 changes: 72 additions & 20 deletions FRONTEND/csedge/src/components/Hero.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ const Hero = () => {
href="#"
className="inline-flex h-9 items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"
>
Enroll Now
Enquire Now
</a>
</div>
</div>
Expand All @@ -47,23 +47,23 @@ const Hero = () => {
>
<div className="flex flex-col space-y-1.5 p-6">
<img
src="https://img.freepik.com/free-photo/digital-marketing-with-icons-business-people_53876-94833.jpg?size=626&ext=jpg&ga=GA1.1.2008272138.1720569600&semt=ais_hybrid"
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTVXnR8WCIsjTru9vQps3ht2HOESEfcGZAI_w&s"
width="300"
height="200"
alt="Course"
className="mx-auto aspect-video overflow-hidden rounded-t-xl object-cover"
/>
</div>
<div className="space-y-2 p-6">
<h3 className="text-xl font-bold">Digital Marketing</h3>
<h3 className="text-xl font-bold">SEO Optimization</h3>
<p className="text-muted-foreground">
Unlock the secrets to effective online marketing and grow your business.
</p>
<a
href="#"
className="inline-flex h-9 items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"
>
Enroll Now
Enquire Now
</a>
</div>
</div>
Expand All @@ -73,21 +73,21 @@ const Hero = () => {
>
<div className="flex flex-col space-y-1.5 p-6">
<img
src="https://t4.ftcdn.net/jpg/02/65/28/09/360_F_265280966_3F83JFHvgU3b4XclfS0TdI148h4dJuxD.jpg"
src="https://img.freepik.com/free-vector/hand-drawn-flat-design-sql-illustration_23-2149242071.jpg?size=338&ext=jpg&ga=GA1.1.2113030492.1720396800&semt=ais_user"
width="300"
height="200"
alt="Course"
className="mx-auto aspect-video overflow-hidden rounded-t-xl object-cover"
/>
</div>
<div className="space-y-2 p-6">
<h3 className="text-xl font-bold">Data Science</h3>
<p className="text-muted-foreground">Dive into the world of data and learn to uncover valuable insights.</p>
<h3 className="text-xl font-bold">DB Management</h3>
<p className="text-muted-foreground">Learn to manage databases efficiently and effectively.</p>
<a
href="#"
className="inline-flex h-9 items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"
>
Enroll Now
Enquire Now
</a>
</div>
</div>
Expand All @@ -97,23 +97,23 @@ const Hero = () => {
>
<div className="flex flex-col space-y-1.5 p-6">
<img
src="https://media.istockphoto.com/id/1191609321/photo/graphic-designer-drawing-sketches-logo-design.jpg?s=612x612&w=0&k=20&c=UOJSXYUWaPwMa3urhbzmY7yuDiQUeKYIAMb08bNk2Sk="
src="https://img.freepik.com/free-vector/app-development-banner_33099-1720.jpg"
width="300"
height="200"
alt="Course"
className="mx-auto aspect-video overflow-hidden rounded-t-xl object-cover"
/>
</div>
<div className="space-y-2 p-6">
<h3 className="text-xl font-bold">Graphic Design</h3>
<h3 className="text-xl font-bold">Android Development</h3>
<p className="text-muted-foreground">
Unleash your creative potential and master the art of visual communication.
Develop robust Android applications and stay ahead in the mobile app market.
</p>
<a
href="#"
className="inline-flex h-9 items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"
>
Enroll Now
Enquire Now
</a>
</div>
</div>
Expand All @@ -123,21 +123,21 @@ const Hero = () => {
>
<div className="flex flex-col space-y-1.5 p-6">
<img
src="https://media.istockphoto.com/id/980272768/photo/project-management-concept-chart-with-keywords-and-icons.jpg?s=612x612&w=0&k=20&c=OB3Lhh1-vD8ZU_07PM6F_vnN-hJTYhtWYID9UrFJRyU="
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR_dIKhJo-Wc-Y85VBWYypBwKbjtO-NPGpW1g&s"
width="300"
height="200"
alt="Course"
className="mx-auto aspect-video overflow-hidden rounded-t-xl object-cover"
/>
</div>
<div className="space-y-2 p-6">
<h3 className="text-xl font-bold">Project Management</h3>
<p className="text-muted-foreground">Develop the skills to lead successful projects and drive results.</p>
<h3 className="text-xl font-bold">Website Maintenance</h3>
<p className="text-muted-foreground">Ensure your website remains up-to-date and secure.</p>
<a
href="#"
className="inline-flex h-9 items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"
>
Enroll Now
Enquire Now
</a>
</div>
</div>
Expand All @@ -147,23 +147,75 @@ const Hero = () => {
>
<div className="flex flex-col space-y-1.5 p-6">
<img
src="https://t4.ftcdn.net/jpg/01/40/77/25/360_F_140772573_1urCQNsOknK3vRMXFplETrMYsC3TpUJh.jpg"
src="https://kinsta.com/wp-content/uploads/2017/12/wordpress-admin.png"
width="300"
height="200"
alt="Course"
className="mx-auto aspect-video overflow-hidden rounded-t-xl object-cover"
/>
</div>
<div className="space-y-2 p-6">
<h3 className="text-xl font-bold">Personal Development</h3>
<h3 className="text-xl font-bold">WordPress</h3>
<p className="text-muted-foreground">
Unlock your true potential and transform your personal and professional life.
Learn to create and manage websites with ease using WordPress.
</p>
<a
href="#"
className="inline-flex h-9 items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"
>
Enroll Now
Enquire Now
</a>
</div>
</div>
<div
className="rounded-lg border bg-card text-card-foreground shadow-lg hover:shadow-xl transition-shadow"
data-v0-t="card"
>
<div className="flex flex-col space-y-1.5 p-6">
<img
src="https://marketdive.net/wp-content/uploads/2022/05/Shopify-logo-alt.jpg"
width="300"
height="200"
alt="Course"
className="mx-auto aspect-video overflow-hidden rounded-t-xl object-cover"
/>
</div>
<div className="space-y-2 p-6">
<h3 className="text-xl font-bold">Shopify</h3>
<p className="text-muted-foreground">
Build and manage your online store using Shopify.
</p>
<a
href="#"
className="inline-flex h-9 items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"
>
Enquire Now
</a>
</div>
</div>
<div
className="rounded-lg border bg-card text-card-foreground shadow-lg hover:shadow-xl transition-shadow"
data-v0-t="card"
>
<div className="flex flex-col space-y-1.5 p-6">
<img
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTukBC4CBDeGRyCMMaRCjkl-gC7ytPDwYEm9A&s"
width="300"
height="200"
alt="Course"
className="mx-auto aspect-video overflow-hidden rounded-t-xl object-cover"
/>
</div>
<div className="space-y-2 p-6">
<h3 className="text-xl font-bold">Payment Integrations</h3>
<p className="text-muted-foreground">
Learn to integrate payment gateways for seamless transactions.
</p>
<a
href="#"
className="inline-flex h-9 items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"
>
Enquire Now
</a>
</div>
</div>
Expand Down
Loading

0 comments on commit 7680c91

Please sign in to comment.