code script for a website

← Back to Community

code script for a website

Profile icon

Ashu1234

Can I get a css js and html web code for a website.pleaseeee

Answered by LegendaryWolf [earned 5 cycles]

Voters

Comments

hot new top

Profile icon

LegendaryWolf

as you wish but -
you will be banned if you use this code for posting so be careful!
Code for a website I created (Alpha Docs)

HTML -


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Alpha docs | Copyright LegendaryWolf</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <div class="top">
      <h1 id="heading" contenteditable="true"><h1>
      <button class="btn" onclick="display_date()">Add date</button>
    <div>
    <div class="txt">
      <p id="content" contenteditable="true"></p>
    </div>
    <h1 style="font-size: 50px;font-family:arial;">This code is by @LegendaryWolf<h1>
    <script src="script.js"></script>
  </body>
</html>

JavaScript -


document.getElementById("heading").innerHTML =
  localStorage["title"] || "Untitled";
document.getElementById("content").innerHTML =
  localStorage["text"] || "This text is automatically saved every second Like google docs :) just type your text here..."; 

setInterval(function() {
  localStorage["title"] = document.getElementById("heading").innerHTML; 
  localStorage["text"] = document.getElementById("content").innerHTML;
}, 1000);

function display_date(){
  document.getElementById('content').innerHTML += " "+ Date()
}

CSS -


html {
  font-family: "Helevetica", sans-serif;
  margin: 0px;
  padding: 0px
}

body {
  color: #333;
  font-weight: 100;
  max-width: 50em;
  margin: 0 auto;
  background: rgb(255, 247, 247);
}

#content:focus {
  outline: none;
}

#heading {
  font-size: 48px;
  text-align: left;
  position: relative;
  left: -60%; 
}

#content {
  font-size: 24px;
  -webkit-box-shadow: -12px -7px 30px -1px rgba(50, 50, 55, 0.29);
  -moz-box-shadow:    -12px -7px 30px -1px rgba(50, 50, 55, 0.29);/*for firefox users*/
  box-shadow:         -12px -7px 30px -1px rgba(50, 50, 55, 0.29);
  padding: 15px;
  background: #fff;
  height: 800px;
}

.btn{
  float: right;
  position: relative;
  border-right-color: red;
}

::selection{
  background: #a8f1ff;
}

::-webkit-scrollbar
    {
      width: 12px;  /* for vertical scrollbars */
      height: 12px; /* for horizontal scrollbars */
    }
    
::-webkit-scrollbar-track
    {
      background: rgba(0, 0, 0, 0.1);
    }
    
::-webkit-scrollbar-thumb
    {
      background: rgba(0, 0, 0, 0.5);
    }

.btn{
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

Profile icon

CHRISTIANMATTHY

@LegendaryWolf
upvote this comment and make this as answered
so you couldn't just help them and instead cyclefarm? nice

Profile icon

Baconman321

@LegendaryWolf If this was stackoverflow you'd get ur post flagged faster than a cheetah in a sports car (yeah, that fast)!

Imagine getting obsessed over useless internet points.

Profile icon

CHRISTIANMATTHY

What would you want on your website? A navigation bar? Pages? What would you want? I can help.
(at least I don't ask for cycles, I just wanna help fr)

bruh

Why can't you learn HTML yourself? It's not very hard and you can find many tutorials on the internet.

What kind of website do you want anyway?