code script for a website

Ask coding questions

← Back to all posts

code script for a website

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

Answered by LegendaryWolf (706) [earned 5 cycles]

View Answer

Voters

Comments

hot new top

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;
}

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

@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.

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?