Simple HTML5/CSS3 login form that also works as registration form. You can tweak this form further to use it as part of your web app, website or anything else.
A Pen by Aigars Silkalns on CodePen.
| import { defineStore,acceptHMRUpdate } from 'pinia' | |
| export const useStore = defineStore('storeId', { | |
| // arrow function recommended for full type inference | |
| state: () => { | |
| return { | |
| // all these properties will have their type inferred automatically | |
| count: 0, | |
| } | |
| }, |
| import * as React from 'react'; | |
| import Box from '@mui/material/Box'; | |
| import FormLabel from '@mui/material/FormLabel'; | |
| import FormControl from '@mui/material/FormControl'; | |
| import FormGroup from '@mui/material/FormGroup'; | |
| import FormControlLabel from '@mui/material/FormControlLabel'; | |
| import FormHelperText from '@mui/material/FormHelperText'; | |
| import Checkbox from '@mui/material/Checkbox'; | |
| export default function MUICheckGroup() { |
Simple HTML5/CSS3 login form that also works as registration form. You can tweak this form further to use it as part of your web app, website or anything else.
A Pen by Aigars Silkalns on CodePen.
| class SearchBox extends StatelessWidget { | |
| const SearchBox({Key? key, required this.hintText, required this.controller}) | |
| : super(key: key); | |
| final String hintText; | |
| final TextEditingController controller; | |
| @override | |
| Widget build(BuildContext context) { | |
| return Padding( |
| This is a simple Reactjs SlidingLoginSignUpForm Component |
| package main | |
| import ( | |
| "net/http" | |
| "github.com/gin-gonic/gin" | |
| ) | |
| // album represents data about a record album. | |
| type album struct { |
| package main | |
| import | |
| ("github.com/gofiber/fiber/v2" | |
| "example/REST_API/product" | |
| "example/REST_API/database" | |
| "fmt" | |
| "log" | |
| "gorm.io/gorm" | |
| "gorm.io/driver/sqlite" |
| import React, { Component } from 'react'; | |
| import ReactQuill from 'react-quill'; | |
| import 'react-quill/dist/quill.snow.css'; | |
| import 'quill-mention/dist/quill.mention.css'; | |
| import 'quill-mention'; | |
| const atValues = [ | |
| { id: 1, value: 'Fredrik Sundqvist' }, | |
| { id: 2, value: 'Patrik Sjölin' }, | |
| ]; | |
| export default class Editor extends Component { |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>Portfolio</title> | |
| <!-- Bootstrap Core CSS --> | |
| <link href="css/bootstrap.min.css" rel="stylesheet"> |
| <!-- | |
| ========================== NOTE ========================== | |
| This is an old post. I've made a new and easier parallax scrolling effect with images as backgrounds. | |
| Check it here: https://codepen.io/nikkz/pen/qZJKqG | |
| --> | |
| <div class="first-wrap"> | |
| <div class="first-div"> | |
| <p class="new-update"> |