Commit 0c92567e authored by Mehrad's avatar Mehrad

Logo Added

parent 210bbced
......@@ -21,3 +21,5 @@
npm-debug.log*
yarn-debug.log*
yarn-error.log*
build.zip
......@@ -8,7 +8,7 @@
.infoLeft img {
width: 200px;
height: 40px;
height: 70px;
}
.infoRight {
......
import React from "react";
import "./index.css";
import logos from "../../Assets/Image/lg_kws.png";
const CompanyInfo = () => {
return (
<div>
......@@ -9,7 +9,7 @@ const CompanyInfo = () => {
<div className={"companyInfoContainer"}>
<div className={"infoLeft"}>
<img
src="https://morz.vamtam.com/wp-content/uploads/2018/01/logo.svg"
src={logos}
alt={"logo"}
/>
</div>
......@@ -22,7 +22,7 @@ const CompanyInfo = () => {
<div>
<h1>Call Center</h1>
<span>24/7 Support</span>
<span>+ (123) 1800-567-8990</span>
<span>+49 040</span>
</div>
</div>
<div className={"phoneHolder"}>
......@@ -32,8 +32,8 @@ const CompanyInfo = () => {
/>
<div>
<h1>Location</h1>
<span>USA, New York - 1060</span>
<span>Str. First Avenue 1</span>
<span>Office NO.1509 , Überseeallee 10,Hafencity </span>
<span>20457 Hamburg , Germany</span>
</div>
</div>
</div>
......
......@@ -21,8 +21,7 @@ const Footer = () => {
<img src={icLinkedin} alt={"Linkedin"} />
</div>
<div className={"tradeMark"}>
© 2020 Transportion & Logistics Theme by VamTam / All rights
reserved
© 2020 / All rights reserved
</div>
</div>
</div>
......
.h-Top-place {
flex: 1.5;
flex: 1;
display: flex;
justify-content: center;
padding: 0 20px;
padding: 10px 0;
}
.h-p-left {
display: flex;
height: 100%;
width: 210px;
width: 140px;
}
.web-logo {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
/*background: rgba(255, 255, 255, 0.4);*/
border-radius: 10px;
}
.web-logo img{
width: 100%;
}
.h-p-right {
......
import React from 'react';
import "./index.css";
import logo from "../../../Assets/Image/lg_kws.png"
import lgWhite from "../../../Assets/Image/lg_kwsl_white.png"
const HeaderTop = () => {
return (
<div className="h-Top-place">
<div className="h-p-left">
{/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}
<a className="web-logo">
<img alt="" src="https://morz.vamtam.com/wp-content/uploads/2018/01/logo-white.svg"/>
<img alt="logo" src={lgWhite}/>
{/*<img alt="logo" src={logo}/>*/}
</a>
</div>
<div className="h-p-right">
......
.leaflet-popup {
margin-bottom: 70px;
}
\ No newline at end of file
......@@ -2,6 +2,8 @@ import React, {useState} from 'react';
import 'leaflet/dist/leaflet.css';
import {Map, Marker, Popup, TileLayer} from 'react-leaflet';
import L from 'leaflet';
import './index.css';
const HomeMap = () => {
const [position, setPosition] = useState([53.54026794433594, 10.002835273742676]);
......@@ -26,11 +28,18 @@ const HomeMap = () => {
address: "Office No. 2405 , Almanara Tower ,Business Bay ",
telephone: 'Tel : +971 4 3286222',
mobile: "Mobile : +971 50 4565001",
location: [54.54026794433594, 12.002835273742676]
location: [25.2068391, 55.2688788]
}
];
const openPopup = (marker) => {
console.log({marker})
};
const onMarkerClicked = (id) => {
// console.log({MEhrad:});
document.getElementsByClassName('leaflet-marker-icon')[id-1].click();
setPosition(warehouses[id - 1].location);
};
return (
......@@ -38,26 +47,24 @@ const HomeMap = () => {
<div className={"agentListContainer"}>
<div className={"agentList"}>
<h1>Warehouse</h1>
<div className={"warehouseContainer"}>
<div ref={openPopup} className={"warehouseContainer"}>
{warehouses.map(warehouse => {
return <span onClick={()=>onMarkerClicked(warehouse.id)}>{warehouse.country}</span>
return <span onClick={() => onMarkerClicked(warehouse.id)}>{warehouse.country}</span>
})}
</div>
</div>
</div>
<Map center={position} zoom={13}>
<Map scrollWheelZoom={false} center={position} zoom={13}>
<TileLayer
attribution='&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
url='http://{s}.tile.osm.org/{z}/{x}/{y}.png'
/>
{warehouses.map(warehouse => {
return (
<Marker position={warehouse.location} icon={pointerIcon}>
<Marker ref={openPopup} position={warehouse.location} icon={pointerIcon}>
<Popup>
<div className="markerPopUp" >
<div className="markerPopUp">
<div className="markerTitle">Address:{warehouse.address}</div>
<div className="markerButton">Tel: {warehouse.telephone}</div>
<div className="markerButton">Tel: {warehouse.mobile}</div>
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment