source: resources/views/blog/about.blade.php@ c433da6

Last change on this file since c433da6 was 0924b6c, checked in by Özkan İliyaz <iliyaz_96@…>, 4 years ago

initial commit

  • Property mode set to 100644
File size: 5.4 KB
RevLine 
[0924b6c]1@extends('layouts.blog')
2@section('title', 'Technoblog | About')
3@section('blog_content')
4
5 <div id="welcome" class="aboutWelcome">
6 <div class="fullscreenBg">
7 <video muted loop autoplay>
8 <source src="{{ asset("assets/videos/aboutUsVideo.mp4") }}" type="video/mp4">
9 </video>
10 </div>
11
12 <div class="aboutWelcomeContent">
13 <img src="{{ asset("assets/images/logo.png") }}" style="width: 200px;">
14 <br>
15 <br>
16 <span class="display-4 font-weight-bold text-light pl-3">Everything about technology.</span>
17 </div>
18
19 <a data-easing="linear" href="#about" class="elemWithTooltip scrollArrow scrollDownArrow scrollBtn" data-tooltip-info="top-More About us">
20 <i class="fa fa-arrow-down" aria-hidden="true"></i>
21 </a>
22 </div>
23
24 <a data-easing="linear" href="#welcome" class="elemWithTooltip scrollArrow scrollUpArrow scrollBtn" data-tooltip-info="top-Welcome to">
25 <i class="fa fa-arrow-down" aria-hidden="true"></i>
26 </a>
27
28 <div id="about" class="aboutInfo" style="padding: 50px 0;">
29 <span class="bottomBefore"></span>
30 <div class="w-50 h-100 m-auto text-light aboutInfoContent">
31 <h2 class="aboutUsHeader font-weight-bold text-center">About Us</h2>
32 <p class="pl-5 pr-5 pt-4 font-weight-bold text-justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus bibendum nulla lacinia neque auctor placerat. Mauris sagittis leo ac dolor laoreet vestibulum. Proin eget elementum nisi. Mauris vel pretium sapien. Nullam scelerisque risus dolor, eu vestibulum ex elementum quis. Nulla in scelerisque est, in congue orci. Vestibulum sit amet nibh et est efficitur volutpat congue sit amet lacus.</p>
33 <p class="pl-5 pr-5 pt-1 font-weight-bold text-justify">Donec aliquet vulputate sem quis lacinia. Ut tincidunt leo sapien, sit amet dignissim metus suscipit in. Nam hendrerit diam lacinia diam malesuada, ut posuere purus euismod. Pellentesque malesuada elit a ante sagittis, quis accumsan libero euismod. Curabitur consectetur ultricies est eu pellentesque.</p>
34 </div>
35 </div>
36
37 <div class="aboutTeamMembers pt-5 pb-5" style="background: #374785;">
38 <div class="w-75 container-fluid pt-5">
39 <h2 class="aboutUsHeader pt-5 text-light text-center">Our Professionals</h2>
40 <div class="row">
41
42 <div class="pt-5 pb-5 col-md-4">
43 <div class="teamMemberRounded">
44 <img src="{{ asset("assets/images/team_members/1.png") }}">
45 <div class="teamMemberOverlay">
46 <p class="font-weight-bold text-light text-center">John Smith
47 <br> Founder</p>
48 </div>
49 </div>
50 </div>
51
52 <div class="pt-5 pb-5 col-md-4">
53 <div class="teamMemberRounded">
54 <img src="{{ asset("assets/images/team_members/2.png") }}">
55 <div class="teamMemberOverlay">
56 <p class="font-weight-bold text-light text-center">Mike Moore
57 <br> Project Manager</p>
58 </div>
59 </div>
60 </div>
61
62 <div class="pt-5 pb-5 col-md-4">
63 <div class="teamMemberRounded">
64 <img src="{{ asset("assets/images/team_members/3.png") }}">
65 <div class="teamMemberOverlay">
66 <p class="font-weight-bold text-light text-center">Jacob Smith
67 <br> Back-end Developer</p>
68 </div>
69 </div>
70 </div>
71
72 </div>
73
74 <div class="row">
75
76 <div class="pt-5 pb-5 col-md-4">
77 <div class="teamMemberRounded">
78 <img src="{{ asset("assets/images/team_members/4.png") }}">
79 <div class="teamMemberOverlay">
80 <p class="font-weight-bold text-light text-center">Sarah Davis
81 <br> Front-end Developer</p>
82 </div>
83 </div>
84 </div>
85
86 <div class="pt-5 pb-5 col-md-4">
87 <div class="teamMemberRounded">
88 <img src="{{ asset("assets/images/team_members/5.png") }}">
89 <div class="teamMemberOverlay">
90 <p class="font-weight-bold text-light text-center">Mary Hayes
91 <br> Designer</p>
92 </div>
93 </div>
94 </div>
95
96 <div class="pt-5 pb-5 col-md-4">
97 <div class="teamMemberRounded">
98 <img src="{{ asset("assets/images/team_members/6.png") }}">
99 <div class="teamMemberOverlay">
100 <p class="font-weight-bold text-light text-center">Thomas Anderson
101 <br> Editor</p>
102 </div>
103 </div>
104 </div>
105
106 </div>
107 </div>
108 </div>
109
110 <div id="contact-us" class="aboutContact pt-5 pb-5">
111 <div class="w-50 aboutContactContent m-auto">
112 <h2 class="aboutUsHeader pt-5 text-light text-center">Contact with us</h2>
113 <form style="max-width: 640px;" class="w-100 pt-5 pb-5 m-auto" method="post" action="">
114 <div class="container-fluid pb-4">
115 <div class="row">
116 <div class="col-md-4 text-center text-light">
117 <i class="fa fa-mobile pr-1" aria-hidden="true"></i> <span class="formInfo">000-000-0000</span>
118 </div>
119 <div class="col-md-4 text-center text-light">
120 <i class="fa fa-map-marker pr-1" aria-hidden="true"></i> <span class="formInfo">Silicon Valley</span>
121 </div>
122 <div class="col-md-4 text-center text-light">
123 <i class="fa fa-envelope pr-1" aria-hidden="true"></i> <span class="formInfo">hello@technoblog.com</span>
124 </div>
125 </div>
126 </div>
127 <div class="form-group">
128 <input type="text" class="form-control" placeholder="Name" autocomplete="off" required>
129 </div>
130 <div class="form-group">
131 <input type="email" class="form-control" placeholder="E-mail" autocomplete="off" required>
132 </div>
133 <div class="form-group">
134 <textarea class="w-100" rows="4" style="resize: none;" required></textarea>
135 </div>
136 <input type="submit" class="btn btn-primary btn-block" value="Submit">
137 </form>
138 </div>
139 </div>
140
141@endsection
Note: See TracBrowser for help on using the repository browser.