Header search form with some animations.
A Pen by Aleksandar Čugurović on CodePen.
import requests | |
from bs4 import BeautifulSoup | |
from urllib.parse import urljoin | |
def parse_content(html_content): | |
soup = BeautifulSoup(html_content, 'html.parser') | |
product_containers = soup.find_all('a', {'class': 'plp-card-wrapper'}) | |
if len(product_containers): | |
for container in product_containers: |
import { useState } from "react"; | |
import { | |
DropdownMenu, | |
DropdownMenuCheckboxItem, | |
DropdownMenuContent, | |
DropdownMenuLabel, | |
DropdownMenuSeparator, | |
DropdownMenuTrigger | |
} from "../shadcn/ui/dropdown-menu"; | |
import { Button } from "../shadcn/ui/button"; |
import { Outlet } from "react-router-dom"; | |
import PrivateHeader from "./PrivateHeader"; | |
import PrivateFooter from "./PrivateFooter"; | |
import Sidebar from "../Sidebar"; | |
import Joyride, { CallBackProps, STATUS, Step } from 'react-joyride'; | |
import { useState } from "react"; | |
interface State { | |
run: boolean; | |
steps: Step[]; |
// we are using this dependency of mysql2 to get work done. | |
const mysql = require("mysql2/promise"); | |
require("dotenv").config(); | |
const connection = mysql.createPool( | |
{ | |
host: 'localhost', | |
user: process.env.DB_USER, | |
database: process.env.DB_NAME, | |
password: process.env.DB_PASSWORD |
<section id="contact"> | |
<h1 class="section-header">Contact</h1> | |
<div class="contact-wrapper"> | |
<!-- Left contact page --> | |
<form id="contact-form" class="form-horizontal" role="form"> | |
<section id="contact"> | |
<h1 class="section-header">Contact</h1> | |
<div class="contact-wrapper"> | |
<!-- Left contact page --> | |
<form id="contact-form" class="form-horizontal" role="form"> | |
Header search form with some animations.
A Pen by Aleksandar Čugurović on CodePen.