Nam Thai Front end project

Developer
Thomas Nguyen
Size
2,191 Kb
Views
16,192
  1. Nam Thai Front end project Previews
  2. Nam Thai Front end project HTML Codes
  3. Nam Thai Front end project CSS Codes

How do I make an nam thai front end project?

FreeCodeCamp first project YAY. What is a nam thai front end project? How do you make a nam thai front end project? This script and codes were developed by Thomas Nguyen on 08 September 2022, Thursday.

Nam Thai Front end project Previews
IQ Test

Nam Thai Front end project - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Nam Thai Front end project</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> <div id="font-links">
<link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet">
</div>
<!-- The above code is links to fonts -->
<div class="titleting">
<div id=namthaiheader> <h1 class="header">NamThai</h1> </div> <div id=restaurantheader> <h2 class="subheader">Restaurant</h2> </div>
</div>
<br>
<br> <div class="imageheader"> <img class="titleimage img-responsive" src="//lh3.googleusercontent.com/proxy/Kh1pftstQMHU7DIkJc-Y2Yw_Cv-uwbDq1PAl32HkwxrNQI0tk9s711QlCv_Cl7Km5KALhe5ugMvMLiuzHmtaiJK9bNZAewXd=s1024-k-no" alt="Picture unavailable"> </div>
<br>
<div class="topbuttons"> <a class="aboutbutton" href="www.namthai.com/about">About</a> <a class="contactbutton"
href="www.namthai.com/contact">Contact</a> <a class="menubutton" href="www.namthai.com/menu">Menu</a> <a class="stuffbutton" href="www.namthai.com/stuff">Stuff</a> </div> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
</body>
</html>

Nam Thai Front end project - Script Codes CSS Codes

body { background-color: #e1d1bc;
}
.titleborder { border-bottom-style: solid; border-width: 3px; border-color: #71792c
}
.titleting { width: 56%; float: left; text-align: right;
}
.header { color: #71792c; font-family: "Great Vibes"; font-size: 100px;
}
.subheader { color: #00000; font-family: "Great Vibes"; font-size: 30px; padding-bottom: 50px;
}
.imageheader { float: left; text-align: center; width: 10%; margin-top: 20px;
}
.titleimage { width: 200px; border-style: solid; border-color: #71792c; border-width: 2px; border-radius: 50%;
}
.topbuttons { color: #71792c; font-family: "Great Vibes"; font-size: 50px; margin-top: 270px; border-bottom-style: solid; border-top-style: solid; border-width: 3px; border-color: #71792c; text-align: center;
}
.aboutbutton { margin: 0% 0% 0% 0%;
}
.contactbutton { margin: 0% 0% 0% 200px;
}
.menubutton { margin: 0% 0% 0% 200px;
}
.stuffbutton { margin: 0% 0% 0% 200px;
}
Nam Thai Front end project - Script Codes
Nam Thai Front end project - Script Codes
Home Page Home
Developer Thomas Nguyen
Username todadqa
Uploaded September 08, 2022
Rating 3
Size 2,191 Kb
Views 16,192
Do you need developer help for Nam Thai Front end project?

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!

Thomas Nguyen (todadqa) Script Codes
Name
Personal Porfolio
Create amazing art & images 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!