Skip to content

Instantly share code, notes, and snippets.

@ugeugeHigh

ugeugeHigh/index2.html

Last active November 19, 2023 18:54
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ugeugeHigh/fbfdf010f5ad0e624d8049808c84bd8d to your computer and use it in GitHub Desktop.
Save ugeugeHigh/fbfdf010f5ad0e624d8049808c84bd8d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index2.html
<html>
<head>
<link href="css/style.css" rel="stylesheet">
<title>QR code generator</title>
</head>
<body>
<header>
<h1>QR code generator</h1>
</header>
<div id="wrap">
<!--ここに追加-->
<h3 id="title">generating QR codes</h3>
<form>
<input type="text" id="text">
<input type="button" value="send" id="send">
</form>
<div id="qrcode"></div>
</div>
</body>
</html>
@Stroberrywine
Copy link

/* Additional styles for various sections and components can be defined here */
body {
font-family: 'Your Font Family', sans-serif;
background-color: #f6f6f6;
color: #333;
line-height: 1.6;
}

header {
background-color: #333;
color: #fff;
padding: 1rem;
text-align: center;
}

header h1 {
font-size: 2.5rem;
}

.content {
max-width: 800px;
margin: 0 auto;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
padding: 2rem;
text-align: center;
margin-bottom: 2rem;
}

footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 1rem;
}

/* Define responsive styles for different screen sizes */
@media (max-width: 768px) {
.content {
padding: 1.5rem;
}
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment