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"> |