Profile

Developer
Victoria
Size
3,970 Kb
Views
10,120
  1. Profile Previews
  2. Profile HTML Codes
  3. Profile CSS Codes
  4. Profile JS Codes

How do I make an profile?

What is a profile? How do you make a profile? This script and codes were developed by Victoria on 02 December 2022, Friday.

Profile Previews
IQ Test

Profile - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Profile</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="profile">	<div class="col-lg-6 col-lg-offset-3">	<!-- ===== vCard Navigation ===== -->	<div class="row w card"> <div class="wrap-menu">	<div class="col-md-4 menu">	<img class="img-responsive" src="https://s3-eu-west-1.amazonaws.com/eshu/sample/1234.png" alt="">	<ul class="nav nav-tabs nav-stacked" id="myTab"> <li class="active"><a href="#about">About</a></li> <li><a href="#portfolio">Portfolio</a></li> <li><a href="#contact">Contact</a></li>	</ul>	</div><!-- col-md-4 -->	<!-- ===== vCard Content ===== -->	<div class="col-md-8">	<div class="tab-content"> <!-- ===== First Tab ===== --> <div class="tab-pane active" id="about">	<h3>Victoria </h3>	<h5>Javascript Developer</h5>	<hr> <p>I have a good JS expertise and capable to develop complex frontend (latest frameworks/libs like React/Redux included) for your web application. I also can set up your backend development environment on my side. I have Linux operating system, so I can easily work with required back-end and furthermore develop and maintain Node app. I have an experience in organizing development process (git, workflow) and gladly assist you with this task.</p> </div><!-- tab about --> <!-- ===== Third Tab ===== --> <div class="tab-pane" id="portfolio"> <div class="row"> <div class="col-xs-6 centered"> <a href="https://portfolio-todo-app.herokuapp.com/" target="_blank"> <img class="img-responsive" src="https://s3-eu-west-1.amazonaws.com/eshu/sample/todoapp.png" alt=""> <h6><i class="icon-link"></i> Todo Application</h6> </a> <ul class="app-list"> <li>React+redux architecture</li> <li>Node.js backend, Postgres DB</li> <li>User Authentication</li> <li>Todo List per User</li> </ul> </div><!-- col-xs-6 --> <div class="col-xs-6 centered"> <a href="https://portfolio-tic-tac-toe.herokuapp.com/" target="_blank"> <img class="img-responsive" src="https://s3-eu-west-1.amazonaws.com/eshu/sample/tictactoe.png" alt=""> <h6> Tic-Tac-Toe</h6></a> <ul class="app-list"> <li>AI based on Minimax algorithm</li> <li>You can choose who starts</li> <li>React UI</li> </ul> </div><!-- col-xs-6 --> </div><!-- row --> <div class="row">	<br> <div class="col-xs-offset-3 col-xs-6 centered"> <a href="https://portfolio-calculator.herokuapp.com/" target="_blank"> <img class="img-responsive" src="https://s3-eu-west-1.amazonaws.com/eshu/sample/calculatorapp.png" alt="">	<h6> Calculator</h6></a> <ul class="app-list"> <li>Evaluation algorithm done "right" way (no dummy `eval` but postfix evaluation with reverse polish notation inside)</li> <li>Correctly chaining math operations, cancel last input and other features</li> </ul> </div><!-- col-xs-6 --> </div><!-- row --> <div class="more-app-link"> <a href="https://codepen.io/Enieste" target="_blank"><h6><i class="fa fa-codepen" aria-hidden="true"></i> More apps</h6></a> </div> </div><!-- /Tab Portfolio --> <!-- ===== Fourth Tab ===== --> <div class="tab-pane" id="contact"> <h4>Contact Information</h4> <hr> <div class="row">	<p class="sm"><a href="mailto:[email protected]"><i class="fa fa-envelope icon" aria-hidden="true"></i>[email protected]</a><br>
<i class="fa fa-skype icon" aria-hidden="true"></i> piyu-chan<br>	<a href="https://github.com/Enieste" target="_blank"><i class="fa fa-github icon" aria-hidden="true"></i> https://github.com/Enieste</a></p>
</div><!-- row --> </div><!-- row --> </div><!-- Tab Contact -->	</div><!-- Tab Content -->	</div><!-- col-md-8 --> </div><!-- wrap-menu -->	</div><!-- row w -->	</div><!-- col-lg-6 --> </div><!-- /.container --> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Profile - Script Codes CSS Codes

body { font-family: "Lato"; font-weight: 300; font-size: 16px; padding-top: 50px; padding-bottom: 50px;
}
/* Titles */
h1, h2, h3, h4, h5, h6 { font-family: "Raleway"; font-weight: 300; color: #333;
}
/* Paragraph & Typographic */
p { line-height: 28px; margin-bottom: 25px;
}
.centered { text-align: center;
}
/* Links */
a { color: #1abc9c; word-wrap: break-word; -webkit-transition: color 0.1s ease-in, background 0.1s ease-in; -moz-transition: color 0.1s ease-in, background 0.1s ease-in; -ms-transition: color 0.1s ease-in, background 0.1s ease-in; -o-transition: color 0.1s ease-in, background 0.1s ease-in; transition: color 0.1s ease-in, background 0.1s ease-in;
}
a:hover,
a:focus { color: #7b7b7b; text-decoration: none; outline: 0;
}
a:before,
a:after { -webkit-transition: color 0.1s ease-in, background 0.1s ease-in; -moz-transition: color 0.1s ease-in, background 0.1s ease-in; -ms-transition: color 0.1s ease-in, background 0.1s ease-in; -o-transition: color 0.1s ease-in, background 0.1s ease-in; transition: color 0.1s ease-in, background 0.1s ease-in;
} hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;
}
.w {	background-color: #ffffff;	border: 1px solid #dddddd;	-moz-box-shadow: 5px 5px rgba(0,0,0,0.2);	-webkit-box-shadow: 5px 5px rgba(0,0,0,0.2);	box-shadow: 5px 5px rgba(0,0,0,0.2); border-radius: 10px;
}
.col-md-4 {	padding-left: 0px;	padding-right: 0px;
}
.col-md-8 {	padding-left: 0px;	padding-right: 0px;
}
.nav-tabs {	border-bottom: 1px solid #dddddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {	color: #555555;	cursor: default;	background-color: #ffffff;	border-left: 5px solid #1abc9c;	border-bottom-color: transparent;	border-top-color: transparent;	border-right-color: transparent;	width: 100%;
}
.nav-tabs > li > a {	margin-right: 2px;	line-height: 1.428571429;	border-bottom: 1px solid #dddddd;	border-radius: 0 0 0 0;	width: 100%;	background-color: #f2f2f2;
}
.tab-content {	background-color: #ffffff;	padding-left: 15px;	padding-top: 20px;	padding-right: 15px;
}
.tab-content h5 {	color: #bdc3c7;	font-weight: 700;	letter-spacing: 1px;
}
.red i {	font-size: 12px;	color: #e74c3c;
}
i {	vertical-align: middle;
}
.sm {	font-size: 14px;
}
a h6{	color: #1abc9c;
}
a h6:hover {	color: #7b7b7b;
}
grey {	color: #bdc3c7;	font-weight: 700;
}
.icon { margin-right: 5px; margin-left: 15px;
}
.more-app-link { text-align: right;
}
.app-list { font-color: grey; font-size: 13px; text-align: left; margin-left: -20px;
}
.profile .menu { border-right: 1px solid #ccc; height: 575px;
}
.wrap-menu { position: relative; height: 100%;
}

Profile - Script Codes JS Codes

$('#myTab a').click(function (e) { e.preventDefault() $(this).tab('show')	})
Profile - Script Codes
Profile - Script Codes
Home Page Home
Developer Victoria
Username Enieste
Uploaded December 02, 2022
Rating 3
Size 3,970 Kb
Views 10,120
Do you need developer help for Profile?

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!

Victoria (Enieste) Script Codes
Name
React konva
FCC Wiki viewer
FCC Local Weather
FCC Recipe Box
A Pen by Victoria
Cube calc
FCC JS Calculator
FCC Tribute page
FCC Pomodoro
React TODO
Create amazing blog posts 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!