Second Website

Developer
Ajala Comfort
Size
6,234 Kb
Views
4,048
  1. Second Website Previews
  2. Second Website HTML Codes
  3. Second Website CSS Codes
  4. Second Website JS Codes

How do I make an second website?

What is a second website? How do you make a second website? This script and codes were developed by Ajala Comfort on 11 January 2023, Wednesday.

Second Website Previews
IQ Test

Second Website - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Second Website </title> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <body> <div id="space" class="hundredpercenters"> </div>
</body> <script src='https://code.jquery.com/jquery-2.2.4.min.js'></script>
<script src='https://fb.me/react-15.1.0.min.js'></script>
<script src='https://fb.me/react-with-addons-15.0.1.min.js'></script>
<script src='https://npmcdn.com/[email protected]/dist/react-dom.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Second Website - Script Codes CSS Codes

body{ margin:0;padding:0;min-height:750px;width:100%;
}
div{background-position:center;background-repeat:no-repeat;background-size:cover;}
a{text-decoration:none;color:#bdc3c7;font-size:30px;font-weight:300;}
#projects li{margin-top:20px;}
#contact .fa{font-size:45px;width:75px;height:75px;margin-left:5px;color:white;padding-left:25px;padding-top:25px;cursor:pointer;}
.fa-twitter{background:#3498db;}
.fa-google{background:#e74c3c;}
.fa-codepen{background:#2c3e50;}
.fa-linkedin{background:#16a085;}
#contact .fa:hover{animation-name:socials;animation-duration:4s;}
#space{width:90%;margin-left:5%;min-height:700px;}
#basic{font-family: 'Roboto', sans-serif;}
#icons{height:50px;width:100%;display:block;margin-top:10px;}
#icons > i{font-size:45px;margin-left:5%;color:rgba(121, 85, 72,0.35);cursor:pointer;}
#icons > i:hover{animation-name:iconsact;animation-duration:4s;}
#home, #passion{min-height:350px;padding-top:50px;font-size:30px;line-height:50px;font-weight:300}
/**HIGHIGHT**/
.main-text{color:#bdbdbd;}
.orange-highlight{color: #ff5722}
.title{color: #795548;font-size:30px;line-height:50px;font-weight:300}
.underliners{text-decoration:underline;}
.bigger{color:#1a237e;font-weight:bolder;}
.sondern{color:#5c6bc0;}
/**TRANSITION ROOM***/
.tabbers{animation-name:switch;animation-duration:2s;}
@keyframes switch{ from{margin-left:-100%;} top{margin-left:0%;}
}
@keyframes iconsact{ from{color:rgba(121, 85, 72,0.35);transform:rotate(0deg)} to{color:#97472a;transform:rotate(360deg)}
}
@keyframes spread{ from{margin:0;} to{margin:20px;}
}
@keyframes socials{ from{opacity:1;color:white} to{opacity:0.01;color:gray;}
}

Second Website - Script Codes JS Codes

"use strict";
var Home = React.createClass({ displayName: "Home", render: function render() { return React.createElement( "div", { id: "home", className: "hundredpercenters tabbers" }, React.createElement( "p", { className: "title" }, "<Me / >" ), React.createElement( "p", { className: "main-text" }, "Hello, my name is ", React.createElement( "span", { className: "orange-highlight" }, "Comfort Ajala." ), " Ich komme aus Nigeria and bin Studentin des Masterstudiengang Biochemie und Molekulare Biologie an der Universität Bayreuth. Out of ", React.createElement( "span", { className: "orange-highlight" }, "Leidenschaft" ), " I played around with basic frontend skills, ", React.createElement( "span", { className: "underliners" }, "HTML,CSS and JS" ), " and later found out, ", React.createElement( "span", { className: "bigger" }, " I could actually make a career out of this.Mind blown!!" ), " Self development is a huge drive for me, thus I strive to be the best at what I set my heart to do. Meine Hobbys sind Körpergewichtstraining, Fremdsprachlernen sowie zuHause Essen und alles über koreanische Entertainment angucken. I am currently open to Part-time jobs and Freelance projects including Volunteer Servies and Internships: ", React.createElement( "span", { className: "orange-highlight" }, "우리 만납시다." ) ) ); }
});
var Passion = React.createClass({ displayName: "Passion", render: function render() { return React.createElement( "div", { id: "passion", className: "hundredpercenters tabbers" }, React.createElement( "p", { className: "title" }, "<Passion / >" ), React.createElement( "p", { className: "main-text" }, "I split my skills into 2 categories: ", React.createElement( "span", { className: "orange-highlight" }, "Front End Design / UI / JavaScript Interaction Designer and Mobile Development" ), " I am very comfortable in Front End Design, meaning, when provided a wireframe/blueprint of the clients design, I can confidently reproduce the idea as a webpage. For this I work mainly with JavaScript and its libraries -> ", React.createElement( "span", { className: "bigger" }, "Pure JS, ReactJs, AngularJs (Basic Knowledge) and JQuery" ), ". I am also acquainted with version control systems, one of which I work with is ", React.createElement( "span", { className: "underliners" }, "GIT." ), " In terms of Mobile Development, where I have basic knowledge, I have worked with Andriod (Java) and am currently learning ", React.createElement( "em", null, "React Native." ), React.createElement("br", null), " ", React.createElement( "span", { className: "sondern" }, "so Hire me!" ) ) ); }
});
var Projects = React.createClass({ displayName: "Projects", getInitialState: function getInitialState() { return { links: [{ title: "Calender with ReactJS", link: "https://codepen.io/AJALACOMFORT/pen/VjGPgw" }, { title: "TodoLis with ReactJS", link: "https://codepen.io/AJALACOMFORT/pen/jAZwxy" }, { title: "ReactJs Registeration Form", link: "https://codepen.io/AJALACOMFORT/full/xOjdBZ/" }, { title: "Instagram Clone with ReactJs", link: "https://codepen.io/AJALACOMFORT/pen/mEJvjZ" }, { title: "Recipe Book with ReactJs", link: "https://codepen.io/AJALACOMFORT/pen/bpyzJJ" }, { title: "Tic Tac Toe Game", link: "https://codepen.io/AJALACOMFORT/pen/YqRGqL" }, { title: "Calculator with JS", link: "https://codepen.io/AJALACOMFORT/pen/ONwabr" }] }; }, render: function render() { return React.createElement( "div", { id: "projects", className: "tabbers" }, React.createElement( "p", { className: "title" }, "<Projects / >" ), React.createElement( "ol", null, this.state.links.map(function (obj, i) { return React.createElement( "li", null, React.createElement( "a", { href: obj.link }, obj.title ) ); }) ) ); }
});
var Contact = React.createClass({ displayName: "Contact", render: function render() { return React.createElement( "div", { id: "contact", className: "hundredpercenters tabbers" }, React.createElement( "p", { className: "title" }, "<Contact />" ), React.createElement("i", { className: "fa fa-twitter" }), React.createElement("i", { className: "fa fa-linkedin" }), React.createElement("i", { className: "fa fa-codepen" }), React.createElement("i", { className: "fa fa-google" }) ); }
});
var Parent = React.createClass({ displayName: "Parent", getInitialState: function getInitialState() { return { status: "home" }; }, update: function update(i) { return this.setState({ status: i }); }, render: function render() { return React.createElement( "div", { className: "hundredpercenters" }, React.createElement( "div", { id: "basic" }, this.state.status == "home" ? React.createElement(Home, null) : null, this.state.status == "passion" ? React.createElement(Passion, null) : null, this.state.status == "projects" ? React.createElement(Projects, null) : null, this.state.status == "contact" ? React.createElement(Contact, null) : null ), React.createElement( "div", { id: "icons" }, React.createElement("i", { className: "fa fa-female", "aria-hidden": "true", onClick: this.update.bind(null, "home") }), React.createElement("i", { className: "fa fa-bicycle", "aria-hidden": "true", onClick: this.update.bind(null, "passion") }), React.createElement("i", { className: "fa fa-briefcase", "aria-hidden": "true", onClick: this.update.bind(null, "projects") }), React.createElement("i", { className: "fa fa-phone", "aria-hidden": "true", onClick: this.update.bind(null, "contact") }) ), React.createElement("div", { id: "blog" }) ); }
});
ReactDOM.render(React.createElement(Parent, null), document.getElementById("space"));
/*** <Trans transitionName="switchtab" transitionAppear={true} transitionEnter={false} transitionLeave={false} transitionAppearTimeout={2000} transitionEnterTimeout={2000} transitionLeaveTimeout={2000}>
**/
Second Website - Script Codes
Second Website - Script Codes
Home Page Home
Developer Ajala Comfort
Username AJALACOMFORT
Uploaded January 11, 2023
Rating 3
Size 6,234 Kb
Views 4,048
Do you need developer help for Second Website?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Ajala Comfort (AJALACOMFORT) Script Codes
Name
Slide Show with ReactJs
SVG Clock Practice
Palindrome Word
COLOR PICKER
Tic-Tac-Toe Free Code Camp Challenge
My Porfolio
Math using Stacks
Hashtables
Material Chat app Interface with ReactJS
Recipe Book
Create amazing Facebook ads with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!