forked from Laboratoria-learning/freelancer
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
132 lines (130 loc) · 5.25 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Freelancer</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://file.myfontastic.com/itB5qJBMGkViNxiEcarVea/icons.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato|Montserrat:900" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" media="screen" href="css/index.css" />
</head>
<body>
<nav class="header d-flex align-items-center">
<div class="start">
<a>START BOOTSTRAP</a>
</div>
<ul class="nav buttons ml-auto p-2 bd-highlight">
<li class="nav-item portfolio-button">
<a class="nav-link btn-dark" href="#">PORTFOLIO</a>
</li>
<li class="nav-item about-button">
<a class="nav-link btn-dark" href="#">ABOUT</a>
</li>
<li class="nav-item contact-button">
<a class="nav-link btn-dark" href="#">CONTACT</a>
</li>
</ul>
</nav>
<section class="banner">
<div class="banner-img d-flex justify-content-center">
<img class="profile" src="assets/images/profile.png"/>
</div>
<div class="d-flex justify-content-center">
<h1 class="banner-title ">START BOOTSTRAP</h1>
</div>
<div>
<i class="icon-star d-flex justify-content-center"></i>
</div>
<div>
<p class="banner-description d-flex justify-content-center">Web Developer - Graphic Artist - User Experience Designer</h2>
</div>
</section>
<section class="portfolio">
<h2 class="d-flex justify-content-center">PORTFOLIO</h2>
<i class="icon-star d-flex justify-content-center"></i>
<div class="imgs-1 d-flex justify-content-center flex-wrap">
<img class="cabin" src="assets/images/portfolio/cabin.png"/>
<img class="cake" src="assets/images/portfolio/cake.png"/>
<img class="circus" src="assets/images/portfolio/circus.png"/>
</div>
<div class="imgs-2 d-flex justify-content-center flex-wrap">
<img class="game" src="assets/images/portfolio/game.png"/>
<img class="safe" src="assets/images/portfolio/safe.png"/>
<img class="submarine" src="assets/images/portfolio/submarine.png"/>
</div>
</section>
<section class="about">
<h2 class="d-flex justify-content-center">ABOUT</h2>
<i class="icon-star d-flex justify-content-center "></i>
<div class="text d-flex justify-content-center ">
<p class="text-about one">
Freelancer is a free bootstrap theme created by Start Bootstrap. The download includes the complete source files including HTML, CSS, and JavaScript as well as optional LESS stylesheets for easy customization.
</p>
<p class="text-about two">
Whether you're a student looking to showcase your work, a professional looking to attract clients, or a graphic artist looking to share your projects, this template is the perfect starting point!
</p>
</div>
<div class="download-buttom d-flex justify-content-center ">
<a class="download btn btn-outline-light"> <i class="icon-download"></i> Download Theme</a>
</div>
</section>
<section class="contact">
<h2 class="d-flex justify-content-center">CONTACT ME</h2>
<i class="icon-star d-flex justify-content-center"></i>
<form class="info d-flex justify-content-center">
<div>
<div class="form-group fname">
<input type="text" class="form-control" id="exampleFormControlInput1" placeholder="name">
</div>
<div class="form-group email">
<input type="email" class="form-control" id="exampleFormControlInput1" placeholder="[email protected]">
</div>
<div class="form-group phone">
<input type="text" class="form-control" id="exampleFormControlInput1" placeholder="phone">
</div>
<div class="form-group subject">
<textarea class="form-control" id="exampleFormControlTextarea1" placeholder="message" rows="3"></textarea>
</div>
<a class="send-buttom btn btn-info">Send</a>
</div>
</form>
</section>
<footer>
<div class="footer row">
<div class="address col-sm">
<div class="d-flex justify-content-center">
<h4>LOCATION</h4>
</div>
<div class="d-flex justify-content-center">
<p class="footer-p">3481 Melrose Place</p>
</div>
<div class="d-flex justify-content-center">
<p class="footer-p">Beverly Hills, CA 90210</p>
</div>
</div>
<div class="social-media col-sm">
<div class="d-flex justify-content-center">
<h4>AROUND THE WEB</h4>
</div>
<div class="d-flex justify-content-center">
<i class="icon-facebook icon"></i>
<i class="icon-twitter icon"></i>
<i class="icon-linkedin icon"></i>
</div>
</div>
<div class="about-us col-sm">
<div class="d-flex justify-content-center">
<h4>ABOUT FREELANCER</h4>
</div>
<div class="d-flex justify-content-center">
<p class="footer-p">Freelancer is a free to use, open source Bootstrap theme created by Start Bootstrap.</p>
</div>
</div>
</div>
<p class="end footer-p d-flex justify-content-center">Copyright © Your Website 2017</p>
</footer>
<script src="main.js"></script>
</body>
</html>