From 8db3dec26151e5e65335db2ffa2df8144954d60a Mon Sep 17 00:00:00 2001
From: frits000000 <45283950+frits000000@users.noreply.github.com>
Date: Fri, 27 Nov 2020 21:54:12 +0100
Subject: [PATCH] Update CompanyProfile.js

---
 .../App/Views/Profiles/CompanyProfile.js      | 72 +++++++++++++++++--
 1 file changed, 65 insertions(+), 7 deletions(-)

diff --git a/ReactJS/Native/AlfaPrentice/App/Views/Profiles/CompanyProfile.js b/ReactJS/Native/AlfaPrentice/App/Views/Profiles/CompanyProfile.js
index 7c7bf84..9e7da7f 100644
--- a/ReactJS/Native/AlfaPrentice/App/Views/Profiles/CompanyProfile.js
+++ b/ReactJS/Native/AlfaPrentice/App/Views/Profiles/CompanyProfile.js
@@ -1,6 +1,6 @@
 //Modules
 import React from 'react';
-import {View, Text, StyleSheet} from 'react-native';
+import {View, Text, StyleSheet, TouchableOpacity, Image} from 'react-native';
 
 //Components
 import { DefaultLayout, Hero } from '../../index'
@@ -10,12 +10,36 @@ const CompanyProfile = ({navigation, route}) => {
         return(
             <DefaultLayout>
                 <Hero HeroHeading={route.params.CompanyDetails} HeroText="Ict en meer"/>
-                <View>
-                    <Text style={Styles.CompanyHeading}>Wie zijn wij</Text>
-                    <Text>
-                    {route.params.CompanyDetails}
-                    </Text>
+                <View  style={{paddingHorizontal:30, paddingVertical:15}}>
+                    <View style={{marginBottom:30}}>
+                        <Text style={Styles.CompanyHeading}>Wie zijn wij</Text>
+                        <Text>
+                        Wij zijn appels en peren in een schaal om de fruit fliegjes te bestrijden in de oorlog die gevoert word in china om de bedrijven overal in de ruimte te krijgen voor de genetische modificatie van baby's
+                        </Text>    
+                    </View>
+                    <View style={{marginBottom:30}}>
+                    <Text style={Styles.CompanyHeading}>Eisen</Text>
+                    <View>
+                        <Text>- Moet appels eten</Text>
+                        <Text>- Moet poepen om bomen</Text>
+                        <Text>- Haat duiven</Text>
+                    </View>    
+                    </View>
+                    <View style={{marginBottom:30}}>
+                        <Text style={Styles.CompanyHeading}>Intresse?</Text>
+                        <TouchableOpacity style={Styles.Btn}>
+                            <Text style={Styles.white}>Soliciteer direct</Text>
+                        </TouchableOpacity>    
+                    </View>
                 </View>    
+                <View>
+                    <View style={Styles.CompanyContact}>
+                        <Text style={Styles.CompanyHeading}>Contact persoon</Text>
+                        <Image style={Styles.CompanyImage} source={require('../../Images/stock2.png')}/>
+                        <Text style={Styles.CompanyHeading2}>Frits Haringa</Text>
+                    </View>
+                    
+                </View>
             </DefaultLayout>
         );
     
@@ -24,7 +48,41 @@ const CompanyProfile = ({navigation, route}) => {
 const Styles = StyleSheet.create({
     CompanyHeading: {
         fontSize: 20,
-        color: '#DE0000'
+        color: '#DE0000',
+        marginBottom: 10
+    },
+    CompanyHeading2: {
+        fontSize: 18,
+        color: '#DE0000',
+        marginVertical: 10
+    },
+    Btn: {
+        backgroundColor: '#DE0000',
+        paddingVertical: 10,
+        paddingHorizontal: 15,
+        borderRadius: 5,
+        maxWidth: 140,
+        width: '50%'
+    },
+    white: {
+        color: '#ffffff',
+    },
+    CompanyImage: {
+        width:150,
+        height: 150,
+        borderRadius: 100
+    },
+    CompanyContact: {
+        display: 'flex',
+        alignItems: 'center',
+        marginBottom: 30,
+        marginTop: 15
+    },
+    SecondaireHeader: {
+        color: "#003581",
+        textAlign: 'center',
+        fontSize: 20,
+        marginVertical: 15
     },
 })