MJW | dSociety Sign up Page

In this example below you will see how to do a MJW | dSociety Sign up Page with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by MightyJoeW, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright MightyJoeW ©

Technologies

  • HTML
  • CSS
  • JavaScript
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>MJW | dSociety Sign up Page</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <html en-US>
<head>
        <style>
        body {background-color: black;}
        body {text-align:center;|}
        h1 {color:darkgreen;}
        h3 {color: seagreen;}
        p {color:green;}
        </style>
<meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
<title> dSociety </title>
<script src="index.js"></script>
        <link href="index.css" rel="stylesheet" type="text/css" />
</head>
<body style=“background-color:black">
    <h1 “text-align:center;”> dSociety <h1>
           <p> <code> <!-- dSociety | dSociety | dSociety | dSociety | dSociety | dSociety | dSociety --> </code> </p> <!-- I'm sure there is a better way to create this repeat effect. I initally tried making dSociety a variable and multiplying it, but I couldn't get it to work. -->
    <h3 “text-align:center;”> who are we?
<p class="lowercase"> we are the voice of the <small>voiceless</small>. we are the enemies of lies. we fight for justice and truth. 
<hr>
<br>
<br>
we will no longer tolerate being
<span style="color: #FF0000"><del>Deleted</del></span> 
</p>
        

<img class="main-photo" src="http://www.click.ro/sites/default/files/styles/large/public/medias/2016/06/17/anonymous-hackeri-isis.jpg?itok=a7u9-orz" alt="000000 dsociety">
<p class="enter"> Enter here to join the movement </p>
<form>
        <label>Email </label>
        <input type="text" required name="email address" placeholder="email@example.com" 
                                                                          <br />
                                                                          
        <input type="submit" value="It's Time"
      </form>   

        <br>
        <br>
        <!-- <p> <bdo dir=“rtl”><i>#achangeiscoming</i></bdo></p>  I don't know why this is not displaying backwards so I've made it a comment for now. -->

<!— I see you…—>

</body>
</html>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>

  

    <script  src="js/index.js"></script>




</body>

</html>

/*Downloaded from https://www.codeseek.co/MightyJoeW/mjw-or-dsociety-sign-up-page-xgKWrq */
#therepeat {
  background-color-grey;
}
/* Just testing out an external CSS. Not planning on using for this page */
p.lowercase {
  text-transform:lowercase;
}
/* This makes everything in my p section lowercased */

/*Downloaded from https://www.codeseek.co/MightyJoeW/mjw-or-dsociety-sign-up-page-xgKWrq */
$(".main-photo").hide();
$(".main-photo").fadeIn(3000);
$(".enter").hide();
$(".enter").fadeIn(10000);

$(document).ready(function() { 
  $("span").on('click', function() { 
    $('img').slideToggle();
  });
});

Comments