<!DOCTYPE html> <html> <body> <div id="root"></div> <script> init(); </script> </body> </html> <!DOCTYPE html> <html> <body> <div id="root"></div> <script> init(); </script> </body> </html>
<!DOCTYPE html> <html> <body> <div id="root"></div> <script> init(); </script> </body> </html> <!DOCTYPE html> <html> <body> <div id="root"></div> <script> init(); </script> </body> </html>
import React, { useState } from 'react'; const App = () => { const [count, setCount] = useState(0); return <div>{count}</div>; }; export default App; import React, { useState } from 'react'; const App = () => { const [count, setCount] = useState(0); return <div>{count}</div>; }; export default App;
import React, { useState } from 'react'; const App = () => { const [count, setCount] = useState(0); return <div>{count}</div>; }; export default App; import React, { useState } from 'react'; const App = () => { const [count, setCount] = useState(0); return <div>{count}</div>; }; export default App;
.container { display: flex; justify-content: center; align-items: center; height: 100vh; background: #000; } .card { padding: 20px; } .container { display: flex; justify-content: center; align-items: center; height: 100vh; background: #000; } .card { padding: 20px; }
.container { display: flex; justify-content: center; align-items: center; height: 100vh; background: #000; } .card { padding: 20px; } .container { display: flex; justify-content: center; align-items: center; height: 100vh; background: #000; } .card { padding: 20px; }
SELECT * FROM users WHERE active = 1 ORDER BY created_at DESC LIMIT 10; UPDATE settings SET theme = 'dark'; SELECT * FROM users WHERE active = 1 ORDER BY created_at DESC LIMIT 10; UPDATE settings SET theme = 'dark';
SELECT * FROM users WHERE active = 1 ORDER BY created_at DESC LIMIT 10; UPDATE settings SET theme = 'dark'; SELECT * FROM users WHERE active = 1 ORDER BY created_at DESC LIMIT 10; UPDATE settings SET theme = 'dark';
<section class="hero"> <h1>Creative Developer</h1> <p>Building digital experiences</p> <button>Contact</button> </section> <section class="hero"> <h1>Creative Developer</h1> <p>Building digital experiences</p> <button>Contact</button> </section>
<section class="hero"> <h1>Creative Developer</h1> <p>Building digital experiences</p> <button>Contact</button> </section> <section class="hero"> <h1>Creative Developer</h1> <p>Building digital experiences</p> <button>Contact</button> </section>
const api = await fetch('/data'); const json = await api.json(); console.log(json.data); if (error) throw new Error('Failed'); const api = await fetch('/data'); const json = await api.json(); console.log(json.data); if (error) throw new Error('Failed');
const api = await fetch('/data'); const json = await api.json(); console.log(json.data); if (error) throw new Error('Failed'); const api = await fetch('/data'); const json = await api.json(); console.log(json.data); if (error) throw new Error('Failed');
@media (max-width: 768px) { .hero { flex-direction: column; padding: 20px; } .nav { display: none; } } @media (max-width: 768px) { .hero { flex-direction: column; padding: 20px; } .nav { display: none; } }
@media (max-width: 768px) { .hero { flex-direction: column; padding: 20px; } .nav { display: none; } } @media (max-width: 768px) { .hero { flex-direction: column; padding: 20px; } .nav { display: none; } }
git commit -m "Initial commit"; git push origin main; npm install tailwindcss; npm run build; git commit -m "Initial commit"; git push origin main; npm install tailwindcss; npm run build;
git commit -m "Initial commit"; git push origin main; npm install tailwindcss; npm run build; git commit -m "Initial commit"; git push origin main; npm install tailwindcss; npm run build;
<footer> © 2025 Portfolio. All rights reserved. </footer> <!-- End of Document --> <footer> © 2025 Portfolio. All rights reserved. </footer> <!-- End of Document -->
<footer> © 2025 Portfolio. All rights reserved. </footer> <!-- End of Document --> <footer> © 2025 Portfolio. All rights reserved. </footer> <!-- End of Document -->
Web Developer & Designer
Роберт Губаев
Портфолио
«Сайт — это живая история бренда»
