Skip to content
GitLab
Explore
Sign in
Primary navigation
Search or go to…
Project
101000110 Shamma ALMAZROUEI WKIS203 FINAL YEAR PROJECT
Manage
Activity
Members
Labels
Plan
Issues
Issue boards
Milestones
Wiki
Requirements
Code
Merge requests
Repository
Branches
Commits
Tags
Repository graph
Compare revisions
Snippets
Locked files
Build
Pipelines
Jobs
Pipeline schedules
Test cases
Artifacts
Deploy
Releases
Package registry
Model registry
Operate
Environments
Terraform modules
Monitor
Incidents
Analyze
Value stream analytics
Contributor analytics
CI/CD analytics
Repository analytics
Code review analytics
Issue analytics
Insights
Model experiments
Help
Help
Support
GitLab documentation
Compare GitLab plans
Community forum
Contribute to GitLab
Provide feedback
Keyboard shortcuts
?
Snippets
Groups
Projects
Show more breadcrumbs
ALMAZROUEI Shamma (2021) WKIS203
101000110 Shamma ALMAZROUEI WKIS203 FINAL YEAR PROJECT
Commits
ede4fc88
Commit
ede4fc88
authored
2 months ago
by
ALMAZROUEI Shamma (2021) WKIS203
Browse files
Options
Downloads
Patches
Plain Diff
Build footer
parent
099b17f9
Branches
Branches containing commit
No related tags found
No related merge requests found
Changes
2
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
skillswap/src/components/footer.jsx
+109
-1
109 additions, 1 deletion
skillswap/src/components/footer.jsx
skillswap/src/components/header.jsx
+2
-2
2 additions, 2 deletions
skillswap/src/components/header.jsx
with
111 additions
and
3 deletions
skillswap/src/components/footer.jsx
+
109
−
1
View file @
ede4fc88
const
navigation
=
{
main
:
[
{
name
:
'
About
'
,
href
:
'
#
'
},
{
name
:
'
Blog
'
,
href
:
'
#
'
},
{
name
:
'
Jobs
'
,
href
:
'
#
'
},
{
name
:
'
Accessibility
'
,
href
:
'
#
'
},
{
name
:
'
Terms of Service
'
,
href
:
'
#
'
},
{
name
:
'
Privacy Policy
'
,
href
:
'
#
'
},
],
social
:
[
{
name
:
'
Facebook
'
,
href
:
'
#
'
,
icon
:
(
props
)
=>
(
<
svg
fill
=
'currentColor'
viewBox
=
'0 0 24 24'
{
...
props
}
>
<
path
fillRule
=
'evenodd'
d
=
'M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z'
clipRule
=
'evenodd'
/>
</
svg
>
),
},
{
name
:
'
Instagram
'
,
href
:
'
#
'
,
icon
:
(
props
)
=>
(
<
svg
fill
=
'currentColor'
viewBox
=
'0 0 24 24'
{
...
props
}
>
<
path
fillRule
=
'evenodd'
d
=
'M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z'
clipRule
=
'evenodd'
/>
</
svg
>
),
},
{
name
:
'
X
'
,
href
:
'
#
'
,
icon
:
(
props
)
=>
(
<
svg
fill
=
'currentColor'
viewBox
=
'0 0 24 24'
{
...
props
}
>
<
path
d
=
'M13.6823 10.6218L20.2391 3H18.6854L12.9921 9.61788L8.44486 3H3.2002L10.0765 13.0074L3.2002 21H4.75404L10.7663 14.0113L15.5685 21H20.8131L13.6819 10.6218H13.6823ZM11.5541 13.0956L10.8574 12.0991L5.31391 4.16971H7.70053L12.1742 10.5689L12.8709 11.5655L18.6861 19.8835H16.2995L11.5541 13.096V13.0956Z'
/>
</
svg
>
),
},
{
name
:
'
GitHub
'
,
href
:
'
#
'
,
icon
:
(
props
)
=>
(
<
svg
fill
=
'currentColor'
viewBox
=
'0 0 24 24'
{
...
props
}
>
<
path
fillRule
=
'evenodd'
d
=
'M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z'
clipRule
=
'evenodd'
/>
</
svg
>
),
},
{
name
:
'
YouTube
'
,
href
:
'
#
'
,
icon
:
(
props
)
=>
(
<
svg
fill
=
'currentColor'
viewBox
=
'0 0 24 24'
{
...
props
}
>
<
path
fillRule
=
'evenodd'
d
=
'M19.812 5.418c.861.23 1.538.907 1.768 1.768C21.998 8.746 22 12 22 12s0 3.255-.418 4.814a2.504 2.504 0 0 1-1.768 1.768c-1.56.419-7.814.419-7.814.419s-6.255 0-7.814-.419a2.505 2.505 0 0 1-1.768-1.768C2 15.255 2 12 2 12s0-3.255.417-4.814a2.507 2.507 0 0 1 1.768-1.768C5.744 5 11.998 5 11.998 5s6.255 0 7.814.418ZM15.194 12 10 15V9l5.194 3Z'
clipRule
=
'evenodd'
/>
</
svg
>
),
},
],
};
export
default
function
Footer
()
{
export
default
function
Footer
()
{
return
<
div
>
Footer
</
div
>;
return
(
<
footer
className
=
'bg-gray-900'
>
<
div
className
=
'mx-auto max-w-7xl overflow-hidden px-6 py-20 sm:py-24 lg:px-8'
>
<
nav
aria-label
=
'Footer'
className
=
'-mb-6 flex flex-wrap justify-center gap-x-12 gap-y-3 text-sm/6'
>
{
navigation
.
main
.
map
((
item
)
=>
(
<
a
key
=
{
item
.
name
}
href
=
{
item
.
href
}
className
=
'text-gray-400 hover:text-white'
>
{
item
.
name
}
</
a
>
))
}
</
nav
>
<
div
className
=
'mt-16 flex justify-center gap-x-10'
>
{
navigation
.
social
.
map
((
item
)
=>
(
<
a
key
=
{
item
.
name
}
href
=
{
item
.
href
}
className
=
'text-gray-400 hover:text-gray-300'
>
<
span
className
=
'sr-only'
>
{
item
.
name
}
</
span
>
<
item
.
icon
aria-hidden
=
'true'
className
=
'size-6'
/>
</
a
>
))
}
</
div
>
<
p
className
=
'mt-10 text-center text-sm/6 text-gray-400'
>
©
2024 SkillSwap, Inc. All rights reserved.
</
p
>
</
div
>
</
footer
>
);
}
}
This diff is collapsed.
Click to expand it.
skillswap/src/components/header.jsx
+
2
−
2
View file @
ede4fc88
...
@@ -13,12 +13,12 @@ export default function Header() {
...
@@ -13,12 +13,12 @@ export default function Header() {
/>
/>
</
Link
>
</
Link
>
<
div
className
=
'flex items-center gap-
4
'
>
<
div
className
=
'flex items-center gap-
5
'
>
<
Button
asChild
>
<
Button
asChild
>
<
Link
to
=
'/login'
>
Login
</
Link
>
<
Link
to
=
'/login'
>
Login
</
Link
>
</
Button
>
</
Button
>
<
Button
variant
=
'outline'
asChild
>
<
Button
variant
=
'outline'
asChild
>
<
Link
to
=
'/
login
'
>
Register
</
Link
>
<
Link
to
=
'/
register
'
>
Register
</
Link
>
</
Button
>
</
Button
>
</
div
>
</
div
>
</
nav
>
</
nav
>
...
...
This diff is collapsed.
Click to expand it.
Preview
0%
Loading
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Save comment
Cancel
Please
register
or
sign in
to comment