forked from haykalBR/Bootstrap-profile-page
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
114 lines (104 loc) · 6.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Vetjurv4 Template</title>
<!-- Bootstrap -->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/slick.css"/>
<script type="text/javascript" src="js/slick.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link href="css/style.css" rel="stylesheet">
<script src="js/myjs.js" type="text/javascript"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-2">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Company Name</a>
</div>
<div class="collapse navbar-collapse" id="navbar-collapse-2">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Works</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container -->
</nav><!-- /.navbar -->
<article class="slide col-md-10 col-md-offset-1 ">
<div class="slide-show ">
<div class="slide-item"> <img class="slide-img" src="img/main_slide1.jpg"/></div>
<div class="slide-item"> <img class="slide-img" src="img/slide5.jpg"/></div>
<div class="slide-item"> <img class="slide-img" src="img/slide2.jpg"></div>
</div>
<div class="slide-text">
<div class="half a-center">
<h2 class="alide-title">Vetjurv4 - <span class="small" style="color:white;"> is my name and it's pronounced like "Veja" V4 "Voh"</span> </h2>
</div>
<ul class="slide-indicator">
<li class="indicator-item"><a rol="low-indicator"></a></li>
<li class="indicator-item"><a rol="low-indicator"></a></li>
<li class="indicator-item"><a rol="low-indicator"></a></li>
</ul>
</div>
</article>
<div class="aboutContainer col-xs-12 col-md-10 col-md-offset-1 text-center" id="problem" style="margin-left:10px;">
<h1 class="text-center">Title</h1>
<p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book</p>
</div>
<div class="aboutContainer col-xs-12 col-md-10 col-md-offset-1 text-center" id="solution" style="margin-right:10px;">
<h1 class="text-center">Title 2</h1>
<p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
</div>
<div class="col-xs-12 col-md-10 col-md-offset-1 aboutContainer">
<figure class="snip1344 col-xs-12 col-md-4"><img src="img/vetjurv4.jpg" alt="profile-sample6" class="background"/><img src="img/vetjurv4.jpg" alt="profile-sample6" class="profile"/>
<figcaption>
<h3>Velile Vamba<span>Web developer</span></h3>
<div class="icons"><a href="https://twitter.com/vetjurv4"><i class="fab fa-twitter"></i></a><a href="https://github.com/Vetjurv4"><i class="fab fa-github"></i></a><a href="https://za.linkedin.com/in/velile-vamba"> <i class="fab fa-linkedin"></i></a></div>
</figcaption>
</figure>
<figure class="snip1344 col-xs-12 col-md-4"><img src="img/vetjurv4.jpg" alt="profile-sample6" class="background"/><img src="img/vetjurv4.jpg" alt="profile-sample6" class="profile"/>
<figcaption>
<h3>Velile Vamba<span>Web developer</span></h3>
<div class="icons"><a href="https://twitter.com/vetjurv4"><i class="fab fa-twitter"></i></a><a href="https://github.com/Vetjurv4"><i class="fab fa-github"></i></a><a href="https://za.linkedin.com/in/velile-vamba"> <i class="fab fa-linkedin"></i></a></div>
</figcaption>
</figure>
<figure class="snip1344 col-xs-12 col-md-4"><img src="img/vetjurv4.jpg" alt="profile-sample6" class="background"/><img src="img/vetjurv4.jpg" alt="profile-sample6" class="profile"/>
<figcaption>
<h3>Velile Vamba<span>Web developer</span></h3>
<div class="icons"><a href="https://twitter.com/vetjurv4"><i class="fab fa-twitter"></i></a><a href="https://github.com/Vetjurv4"><i class="fab fa-github"></i></a><a href="https://za.linkedin.com/in/velile-vamba"> <i class="fab fa-linkedin"></i></a></div>
</figcaption>
</figure>
</div>
<div class="navbar navbar-default ">
<div class="container">
<p class="navbar-text pull-left">© 2018 site built by <a href="https://twitter.com/vetjurv4">VetjurV4</a>
for profile sake
</p>
</div>
</body>
</html>