Profile 2

Developer
Truman Heberle
Size
6,352 Kb
Views
14,168
  1. Profile 2 Previews
  2. Profile 2 HTML Codes
  3. Profile 2 CSS Codes

How do I make an profile 2?

What is a profile 2? How do you make a profile 2? This script and codes were developed by Truman Heberle on 30 September 2022, Friday.

Profile 2 Previews
IQ Test

Profile 2 - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Profile 2</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">
</script>
<div id="super-container" class="container"> <div id="navbar" class="container"> <ul class="nav nav-pills nav-justified show"> <li class="active"><a class="middle-out" data-toggle="pill" href="#tab1">About</a></li> <li><a class="middle-out" data-toggle="pill" href="#tab2">Projects</a></li> <li><a class="middle-out" data-toggle="pill" href="#tab3">Timeline</a></li> <li><a class="middle-out" data-toggle="pill" href="#tab4">Contact</a></li> </ul> </div> <div class="container"> <div class="tab-content"> <div id="tab1" class="tab-pane fade in active"> <img id="profile-pic" src="http://inspirationfeed.com/wp-content/uploads/2010/06/Evolution_by_will_yen-500x500.png" class="img-responsive col-md-6 center-block"></img> <div class="col-md-10 box center-block"> <h2>About Me</h2> <p>This paragraph is for me. This paragraph is for me. This paragraph is for me. This paragraph is for me. This paragraph is for me. This paragraph is for me.This paragraph is for me.This paragraph is for me.</p> </div> </div> <div id="tab2" class="tab-pane fade"> <a title="LinkedIn" href="https://www.linkedin.com/in/truman-heberle-608828131/"> <div class="project img-rounded"></div> </a> </div> <div id="tab3" class="tab-pane fade"> </div> <div id="tab4" class="tab-pane fade"> <div class="box col-md-12"> <div class="col-md-12"> <span>Feel free to send me an email at<br><span style="font-weight: bold">[email protected]</span><br><br>Or Follow me on these Websites</span> </div> <div id="logos"> <a title="Thingiverse" href="http://www.thingiverse.com/3D_Printable/about"> <img class="logo img-rounded" src="http://www.thingiverse.com/img/thingiverse-avatar-4_3.png"></img> </a> <a title="Codepen" href="https://codepen.io/trumanheberle/"> <img class="logo img-rounded" src="data:image/png;base64,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"></img> </a> <a title="LinkedIn" href="https://www.linkedin.com/in/truman-heberle-608828131/"> <img class="logo img-rounded" src="https://lh3.googleusercontent.com/00APBMVQh3yraN704gKCeM63KzeQ-zHUi5wK6E9TjRQ26McyqYBt-zy__4i8GXDAfeys=w300"></img> </a> </a> <a title="Facebook" href="https://www.facebook.com/profile.php?id=100010198725896"> <img class="logo img-rounded" src="https://www.facebook.com/images/fb_icon_325x325.png"></img> </a> <a title="Twitter" href="https://twitter.com/truman_heberle"> <img class="logo img-rounded" src="http://www.pngall.com/wp-content/uploads/2016/07/Twitter-Download-PNG.png"></img> </a> </div> </div> </div> </div> </div>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-58bf54b35553de6a"></script>
</body>
</html>

Profile 2 - Script Codes CSS Codes

@font-face { font-family: 'Lato'; font-weight: 400; font-style: normal; src: url('https://fonts.gstatic.com/s/lato/v13/nQhiC-wSiJx0pvEuJl8d8A.eot'); src: url('https://fonts.gstatic.com/s/lato/v13/nQhiC-wSiJx0pvEuJl8d8A.eot?#iefix') format('embedded-opentype'), local('Lato Regular'), local('Lato-regular'), url('https://fonts.gstatic.com/s/lato/v13/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2') format('woff2'), url('https://fonts.gstatic.com/s/lato/v13/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff') format('woff'), url('https://fonts.gstatic.com/s/lato/v13/v0SdcGFAl2aezM9Vq_aFTQ.ttf') format('truetype'), url('https://fonts.gstatic.com/l/font?kit=hLECvlEj3pKlnS4NFs8NQw&skey=2d58b92a99e1c086&v=v13#Lato') format('svg');
}
body { overflow-x: hidden; font-family: 'Lato' !important; text-align: center; background: url(http://www.amazingwallpaperz.com/wp-content/uploads/Scenic-Mountain-Widescreen-Background-Wallpapers.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
.container { width: 100% !important;
}
#super-container { max-width: 800px; min-height: 100vh; background-color: rgba(255,255,255,.5);
}
.center-block { display: block; float: none !important; margin: 0 auto;
}
.box { background: rgba(236, 240, 241, .5); border-radius: 10px; border-left: 5px solid #34495e; border-right: 5px solid #34495e; padding-top: 10px; padding-bottom: 10px; margin: 15px 15px;
}
.box h2 { font-weight: bold;
}
#profile-pic { border-radius: 50%;
}
#navbar { max-width: 600px; padding: 15px;
}
div p { text-align: center; font-weight: bold;
}
.nav .active a { color: #141823 !important; font-weight: bold;
}
.nav a,
.nav a:hover { color: #141823; background: none !important;
}
.nav a:hover { font-weight: bold;
}
.middle-out {	display: inline-block;	position: relative;	padding-bottom: 3px;
}
.middle-out:after {	content: '';	display: block;	margin: auto;	height: 3px;	width: 0px;	background: transparent;	transition: width .3s ease, background-color .3s ease;
}
.middle-out:hover:after {	width: 40%;	background: black;
}
.logo { padding: 0px 0px !important; margin: 3px 3px; height: 75px; width: auto !important; float: none !important; transition: height .3s ease;
}
.logo:hover { height: 85px;
}
span { display: inline;
}
.project{ background: black; width: 300px; height: 300px;
}
Profile 2 - Script Codes
Profile 2 - Script Codes
Home Page Home
Developer Truman Heberle
Username trumanheberle
Uploaded September 30, 2022
Rating 3
Size 6,352 Kb
Views 14,168
Do you need developer help for Profile 2?

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!

Truman Heberle (trumanheberle) Script Codes
Name
Canvas Test
Gravity in a Box
Minecraft Loader
Minecraft Chunk Generator
Cover Generator
CSS Translate Test
Giant Cube
Digit Recognizer
Circular Image Replicator
A Pen by Truman Heberle
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!