diff --git a/backend/db.sqlite3 b/backend/db.sqlite3
index 719fa6c..630bd50 100644
Binary files a/backend/db.sqlite3 and b/backend/db.sqlite3 differ
diff --git a/backend/snippets/serializers.py b/backend/snippets/serializers.py
index 8f032c4..64cfc2a 100644
--- a/backend/snippets/serializers.py
+++ b/backend/snippets/serializers.py
@@ -23,6 +23,7 @@ class SnippetSerializer(serializers.ModelSerializer):
             "id",
             "created",
             "title",
+            "contetns",
             "linenos",
             "language",
             "style",
diff --git a/frontend/src/App.js b/frontend/src/App.js
index eb5f9c3..6beaf1b 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -4,19 +4,23 @@ import HomePage from './pages/HomePage'
 import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
 import { AuthProvider } from "./context/AuthContext";
 import AuthPage from './pages/AuthPage'
+import SnippetPage from './pages/SnippetPage'
 
 function App() {
   return (
 
     <Router>
-    <AuthProvider>
-    <Routes>
-    <Route path="/auth" element={<AuthPage />} />
-    <Route path="/" element={<div className="App">
-      <HomePage />
-      </div>} />
-    </Routes>
-    </AuthProvider>
+      <AuthProvider>
+        <Routes>
+          <Route path="/auth" element={<AuthPage />} />
+          <Route path="/" element={<div className="App">
+            <HomePage />
+            </div>} />
+          <Route path="/snippet/3" element={<div className="App">
+            <SnippetPage />
+            </div>} />
+        </Routes>
+      </AuthProvider>
     </Router>
 
   );
diff --git a/frontend/src/components/Header.jsx b/frontend/src/components/Header.jsx
index a206509..48034d7 100644
--- a/frontend/src/components/Header.jsx
+++ b/frontend/src/components/Header.jsx
@@ -67,6 +67,11 @@ export default function App() {
                 New snippet
               </MDBNavbarLink>
             </MDBNavbarItem>
+            <MDBNavbarItem>
+              <MDBNavbarLink href='#' tabIndex={-2} aria-disabled='true' color='#3b71ca'>
+                admin
+              </MDBNavbarLink>
+            </MDBNavbarItem>
           </MDBNavbarNav>
         </MDBCollapse>
       </MDBContainer>
diff --git a/frontend/src/components/Snippet.jsx b/frontend/src/components/Snippet.jsx
index 237dfe5..1482fda 100644
--- a/frontend/src/components/Snippet.jsx
+++ b/frontend/src/components/Snippet.jsx
@@ -13,7 +13,7 @@ const Snippet = ({title, text}) => {
     <MDBCard>
       <MDBCardBody>
         <MDBCardTitle>{title}</MDBCardTitle>
-        <MDBCardText>
+        <MDBCardText style={{textAlign: "left"}}>
           {text}
         </MDBCardText>
       </MDBCardBody>
diff --git a/frontend/src/pages/SnippetPage.jsx b/frontend/src/pages/SnippetPage.jsx
new file mode 100644
index 0000000..8139897
--- /dev/null
+++ b/frontend/src/pages/SnippetPage.jsx
@@ -0,0 +1,12 @@
+import BasicPage from './BasicPage'
+import Snippet from '../components/Snippet'
+
+const Page = () => {
+    return (
+        <BasicPage style={{margin: "20%"}}>
+            <Snippet title="Тестовая заметка" text="Тестовый тест" />
+        </BasicPage>
+    );
+}
+
+export default Page;