Thomas Bailey Portfolio
How do I make an thomas bailey portfolio?
What is a thomas bailey portfolio? How do you make a thomas bailey portfolio? This script and codes were developed by Thomas Bailey on 23 November 2022, Wednesday.
Thomas Bailey Portfolio - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Thomas Bailey Portfolio</title> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<div class="navbar">
<nav class="navbar navbar-default"> <div class="container"> <div class="col-sm-12"> <div class="navbar-header"> <a class="navbar-brand" href="#">Thomas Bailey</a> </div> <ul class="nav navbar-nav pull-right"> <li class="active"><a href="#">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#portfolio">Portfolio</a></li> <li><a href="#contact">Contact</a></li> </ul> </div> </div>
</nav>
</div>
<div class="container"> <div class="about" id="about"> <div class="row"> <div class="col-md-8"> <h3>Aspiring Front-End Developer learning to code to pursue a passion and career in web development. <hr>
Master's degree in Industrial and Organizational Psychology gives me a unique perspective into the Web Development field, combining business and people knowledge with technical skill. </h3> </div> <div class="col-md-3 col-md-offset-1"> <img src="https://media.licdn.com/mpr/mpr/shrinknp_400_400/AAEAAQAAAAAAAAisAAAAJGIzNTMxZjg3LWQwN2ItNDQ5MC1iYzQxLWM3Y2Y2OTAwNjE5Mg.jpg" class="img-circle img-responsive" alt="Thomas Bailey"> </div> </div> </div> <div class="portfolio" id="portfolio"> <div class="row"> <div class="col-sm-12"> <h2 class="text-center text-uppercase">Portfolio</h2> <hr> </div> </div> <div class="row"> <div class="col-md-6"> <div class="thumbnail"> <img src="https://i.imgur.com/i2ulOwo.jpg" class="img-responsive" alt="Tiger Woods tribute site"> <div class="caption" style="padding-bottom: 0px"> <h4 class="text-center"><a href="https://codepen.io/baileytj/pen/aBPxQV" target="_blank">Tiger Woods Tribute Page</a></h4> </div> </div> </div> <div class="col-md-6"> <div class="thumbnail"> <img src="https://i.imgur.com/1qLpiaY.png" class="img-responsive" alt="Tiger Woods tribute site"> <div class="caption" style="padding-bottom: 0px"> <h4 class="text-center"><a href="http://www.nevermoreturalyon.com" target="_blank">Nevermore Guild Website</a></h4> </div> </div> </div> </div> </div> <div class="contact" id="contact"> <div class="row"> <h2 class="text-center text-uppercase">Contact Me</h2> <hr> <div class="col-md-6"> <div class="form-group"> <label for="name">Contact Information</label> <input type="name" class="form-control" id="name" placeholder="Name"> </div> <div class="form-group"> <input type="email" class="form-control" id="email" placeholder="Email Address"> </div> <div class="form-group"> <input type="phone" class="form-control" id="phone" placeholder="Phone Number"> </div> <div class="form-group"> <textarea class="form-control" rows="5" placeholder="Message"></textarea> </div> <button type="submit" class="btn btn-default">Send</button> </div> <div class="col-md-5 col-md-offset-1"> <h3>Want to contact me? Feel free to fill out the form to the left whether it be about jobs or just talking about my experiences. You can also reach me at any of the social media platforms linked below. I will respond as soon as I can!</h3> </div> </div> </div> <div class="footer"> <div class="text-center center-block"> <a href="https://www.facebook.com/tj.bailey.144" target="_blank"><i id="social-fb" class="fa fa-facebook-square fa-3x social"></i></a> <a href="https://www.linkedin.com/in/thomas-j-bailey" target="_blank"><i id="social-gp" class="fa fa-linkedin-square fa-3x social"></i></a> <a href="mailto:[email protected]" target="_blank"><i id="social-em" class="fa fa-envelope-square fa-3x social"></i></a>
</div>
</div> </div>
</body>
</html>
Thomas Bailey Portfolio - Script Codes CSS Codes
body { background-color: #e0e0e0; font-family: 'Roboto', sans-serif;
}
.navbar { margin: 0px;
}
.navbar { border-style: solid; border-width: 0px 1px 1px 1px; border-color: #e0e0e0;
}
.about { background-color: #676768; color: #fff; padding: 50px; border-style: solid; border-width: 0px 1px 1px 1px; border-color: #e0e0e0;
}
.portfolio { background-color: #fff; color: #676768; padding: 10px; border-style: solid; border-width: 1px; border-color: #e0e0e0;
}
.contact { background-color: #fff; color: #676768; padding: 10px; border-style: solid; border-width: 0px 1px 1px 1px; border-color: #e0e0e0;
}
.footer { background-color: #fff; padding: 10px; border-style: solid; border-width: 0px 1px 1px 1px; border-color: #e0e0e0;
}
Developer | Thomas Bailey |
Username | baileytj |
Uploaded | November 23, 2022 |
Rating | 3 |
Size | 2,948 Kb |
Views | 12,144 |
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!
Name | Size |
TigerWoods Freecodecamp Page | 2,869 Kb |
Thomas Bailey Portfolio Scrollspy | 3,775 Kb |
Thomas Bailey Portfolio 2 | 3,655 Kb |
A Pen by Thomas Bailey | 1,288 Kb |
Otbproject | 2,021 Kb |
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!
Name | Username | Size |
Pomodoro Timer | Sdas13 | 2,900 Kb |
RequestAnimationFrame | Martin-banks | 2,541 Kb |
Wavy Road with Dashes | Jonobr1 | 2,679 Kb |
Vertical drag to change | Plasm | 4,488 Kb |
Spiralator 9000 | AdmiralPotato | 4,671 Kb |
CSS3 Form | Tusharbandal | 1,836 Kb |
Slide In Panel | Vikvarg | 2,811 Kb |
Save for later... | Victorfreire | 1,359 Kb |
GrcJS | Vino6 | 2,047 Kb |
Bootstrap 3 Price Table | Honglio | 2,655 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!