Find Jobs
Hire Freelancers

Bootstrap and CSS

$30-250 USD

已完成
已发布超过 8 年前

$30-250 USD

货到付款
To get started, you will install Bootstrap and make a copy of the Bootstrap starter template. Bootstrap SLIDES Bootstrap Computer History EXAMPLE SITE Install Bootstrap. Make a project folder called “bootstrap,” where you will put all your files for this assignment. Follow instructions for installing Bootstrap. This is simply a matter of downloading a copy of the Bootstrap files and placing them into your project folder. Your bootstrap folder should end up with three sub-folders: css, fonts, and js. Create an HTML page. Copy and paste the HTML source code for the Bootstrap starter template, and save it into your own HTML file named “[login to view URL]” in your project folder Edit this HTML code and modify the link to the “Bootstrap core CSS” file so that it correctly points to the CSS file where you have saved it when you installed bootstrap, which is css/[login to view URL] Edit this HTML code and modify the link to the “Custom styles for this template” so that it points to a new file you will make, which is css/[login to view URL] Create a custom CSS file. Copy and paste the CSS source code used by the Bootstrap starter template; save it into a new CSS file named “[login to view URL]” within your css folder. You will add all your custom CSS for this assignment to this file. Open the HTML page you made in your web browser. Make sure it looks just like the starter template example before proceeding. Leveraging Bootstrap’s Features Familiarize yourself with the various aspects of working with Bootstrap, including the following. The built-in CSS classes that can be used to create custom layouts, including grid-based layouts with responsive layouts features The built-in CSS classes that can be used to style common user interface components, such as buttons, links, navbars, and thumbnail images The built-in CSS classes that can be used to create interactive widgets, such as carousels, tabs, and drop-down menus Customizing the Default Theme You can quickly and easily change the default style of components and interactive widgets by following the customization workflow outlined on the Bootstrap site. For each element you want to customize, find its code in the compiled Bootstrap CSS Copy the component's selector and styles and paste them in your custom stylesheet. For instance, to customize the navbar background, just copy the .navbar style specification. In your custom stylesheet, edit the CSS you just copied from the Bootstrap source. Continue this process until you’re happy with your customizations. Requirements Here is a list of required elements to include. Create at least 3 pages of content with a consistent style Create the general page layout on each page using Bootstrap’s grid layout features Use a single Bootstrap navigation component on all pages to allow visitors to browse among the 3 pages Create at least 2 layouts using Bootstrap’s responsive design features: one for mobile devices and one for desktop computers Use Bootstrap’s carousel widget, including at least three images Customize at least 3 Bootstrap components on each page Beyond these requirements, feel free to explore Bootstrap and take this project as far as you would like! Sites that demonstrate extra effort, thoughtfulness, and creativity will be considered for extra credit.
项目 ID: 9070252

关于此项目

8提案
远程项目
活跃8 年前

想赚点钱吗?

在Freelancer上竞价的好处

设定您的预算和时间范围
为您的工作获得报酬
简要概述您的提案
免费注册和竞标工作
颁发给:
用户头像
Hi, my name is Tiago. Portuguese Freelancer with wordpress know how from basic to top level pro. I work on wordpress level with Bedrock and Twig template for better performance and easy but good website. My lastest works: Shopify - [login to view URL] dj laravel site - [login to view URL] Portuguese Business Site - [login to view URL] magazine - [login to view URL] Regards, Tiago Mendes Ruby on rails, php, twig, liquid
$55 USD 在1天之内
5.0 (4条评论)
3.7
3.7
8威客以平均价$195 USD来参与此工作竞价
用户头像
A proposal has not yet been provided
$111 USD 在2天之内
5.0 (1条评论)
1.0
1.0
用户头像
La propuesta todavía no ha sido proveída
$200 USD 在3天之内
0.0 (0条评论)
0.0
0.0

关于客户

UNITED STATES的国旗
Edison, United States
5.0
3
付款方式已验证
会员自11月 11, 2015起

客户认证

谢谢!我们已通过电子邮件向您发送了索取免费积分的链接。
发送电子邮件时出现问题。请再试一次。
已注册用户 发布工作总数
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
加载预览
授予地理位置权限。
您的登录会话已过期而且您已经登出,请再次登录。