diff --git a/components/layout/navbar/navbar.tsx b/components/layout/navbar/navbar.tsx
index b3051d3..29301c5 100644
--- a/components/layout/navbar/navbar.tsx
+++ b/components/layout/navbar/navbar.tsx
@@ -1,7 +1,7 @@
import Link from 'next/link';
import Img from 'next/image';
import { useMediaQuery } from 'react-responsive';
-import { mdiGithub } from '@mdi/js';
+import { mdiGithub, mdiAudioVideo } from '@mdi/js';
import Icon from '@mdi/react';
import { useTheme } from 'next-themes';
import BasicButton from '../../buttons/basicButton';
@@ -75,17 +75,32 @@ const Navbar = ({ DesHeight }) => {
)}
+
{!isMobile && }
-
-
- {addMeTranslate}{' '}
-
+
+
+
+
+ {addMeTranslate}{' '}
+
+
-
+
+
+
+
+
+ Videos{' '}
+
+
+
+
+
diff --git a/pages/videos.tsx b/pages/videos.tsx
new file mode 100644
index 0000000..9eb1b60
--- /dev/null
+++ b/pages/videos.tsx
@@ -0,0 +1,20 @@
+import React from 'react';
+import { AppProps } from 'next/dist/shared/lib/router/router';
+import Layout from '../components/layout/layout';
+import styles from '../styles/Videos.module.scss';
+import Head from 'next/head';
+
+export default function videos({ Component, pageProps }: AppProps) {
+ const description = <>הרצאות של חברי פול-ריקוסט;
+
+ return (
+ <>
+
+ Videos
+
+
+
+
+
+ );
+}
diff --git a/styles/Videos.module.scss b/styles/Videos.module.scss
new file mode 100644
index 0000000..4565028
--- /dev/null
+++ b/styles/Videos.module.scss
@@ -0,0 +1,15 @@
+@import "media";
+
+.container {
+ width: 80%;
+}
+
+@media screen and (max-width: 600px) {
+ .container {
+ width: 100%;
+
+ .cards__wrapper {
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ }
+ }
+}