diff --git a/example/src/pages/ProfilePage.react.js b/example/src/pages/ProfilePage.react.js
index 9e5796dc..64100326 100644
--- a/example/src/pages/ProfilePage.react.js
+++ b/example/src/pages/ProfilePage.react.js
@@ -28,24 +28,29 @@ function ProfilePage() {
                 name="Peter Richards"
                 backgroundURL="demo/photos/eberhard-grossgasteiger-311213-500.jpg"
                 avatarURL="demo/faces/male/16.jpg"
-                socialNetworksObjects={[
-                  { name: "twitter", to: "test", label: "Follow" },
-                ]}
+                twitterURL="test"
               >
                 Big belly rude boy, million dollar hustler. Unemployed.
               </Profile>
-              <Profile
-                layout={2}
-                name="Juan Hernandez"
-                jobTitle="Webdeveloper"
-                avatarURL="demo/faces/male/21.jpg"
-                socialNetworksObjects={[
-                  { name: "facebook", to: "/profile", tooltip: "Facebook" },
-                  { name: "twitter", to: "/profile", tooltip: "Twitter" },
-                  { name: "phone", to: "/profile", tooltip: "+1 234-567-8901" },
-                  { name: "skype", to: "/profile", tooltip: "@skypename" },
-                ]}
-              />
+              <Card>
+                <Card.Body>
+                  <Media>
+                    <Avatar
+                      size="xxl"
+                      className="mr-5"
+                      imageURL="demo/faces/male/21.jpg"
+                    />
+                    <Media.BodySocial
+                      name="Juan Hernandez"
+                      workTitle="Webdeveloper"
+                      facebook="Facebook"
+                      twitter="Twitter"
+                      phone="1234567890"
+                      skype="@skypename"
+                    />
+                  </Media>
+                </Card.Body>
+              </Card>
               <Card>
                 <Card.Header>
                   <Card.Title>My Profile</Card.Title>
@@ -89,10 +94,11 @@ function ProfilePage() {
             <Grid.Col lg={8}>
               <Card>
                 <Card.Header>
-                  <Form.InputGroup
-                    append={<Button icon="camera" color="secondary" />}
-                  >
+                  <Form.InputGroup>
                     <Form.Input type="text" placeholder="Message" />
+                    <Form.InputGroup append>
+                      <Button icon="camera" color="secondary" />
+                    </Form.InputGroup>
                   </Form.InputGroup>
                 </Card.Header>
                 <List.Group className="card-list-group">
diff --git a/src/components/Media/MediaBodySocial.react.js b/src/components/Media/MediaBodySocial.react.js
index c4ab009d..39834166 100644
--- a/src/components/Media/MediaBodySocial.react.js
+++ b/src/components/Media/MediaBodySocial.react.js
@@ -1,16 +1,17 @@
 // @flow
 
 import * as React from "react";
-import { Media, SocialNetworksList } from "../";
-import type { itemObject } from "../SocialNetworksList/SocialNetworksList.react";
+import { List, Icon, Media, SocialNetworksList, Tooltip } from "../";
 
 export type Props = {|
   +children?: React.Node,
   +className?: string,
   +name: string,
   +workTitle: string,
-  +itemsObjects?: Array<itemObject>,
-  +items?: Array<React.Node>,
+  +facebook?: string,
+  +twitter?: string,
+  +phone?: string,
+  +skype?: string,
 |};
 
 function MediaBodySocial({
@@ -18,18 +19,73 @@ function MediaBodySocial({
   children,
   name,
   workTitle,
-  itemsObjects,
-  items,
+  facebook = "",
+  twitter = "",
+  phone = "",
+  skype = "",
 }: Props): React.Node {
+  let fbIcon;
+  let twitterIcon;
+  let phoneIcon;
+  let skypeIcon;
+
+  if (facebook) {
+    fbIcon = (
+      <List.Item inline>
+        <Tooltip content="Facebook" placement="top">
+          <a href="/Profile">
+            <Icon prefix="fa" name="facebook" />
+          </a>
+        </Tooltip>
+      </List.Item>
+    );
+  }
+
+  if (twitter) {
+    twitterIcon = (
+      <List.Item inline>
+        <Tooltip content="Twitter" placement="top">
+          <a href="/Profile">
+            <Icon prefix="fa" name="twitter" />
+          </a>
+        </Tooltip>
+      </List.Item>
+    );
+  }
+
+  if (phone) {
+    phoneIcon = (
+      <List.Item inline>
+        <Tooltip content="+1 234-567-8901" placement="top">
+          <a href="/Profile">
+            <Icon prefix="fa" name="phone" />
+          </a>
+        </Tooltip>
+      </List.Item>
+    );
+  }
+
+  if (skype) {
+    skypeIcon = (
+      <List.Item inline>
+        <Tooltip content="@skypename" placement="top">
+          <a href="/Profile">
+            <Icon prefix="fa" name="skype" />
+          </a>
+        </Tooltip>
+      </List.Item>
+    );
+  }
   return (
     <Media.Body>
       <h4 className="m-0">{name}</h4>
       <p className="text-muted mb-0">{workTitle}</p>
-      <SocialNetworksList
-        className="mb-0 mt-2"
-        items={items}
-        itemsObjects={itemsObjects}
-      />
+      <SocialNetworksList className="mb-0 mt-2">
+        {fbIcon}
+        {twitterIcon}
+        {phoneIcon}
+        {skypeIcon}
+      </SocialNetworksList>
       {children}
     </Media.Body>
   );
diff --git a/src/components/Profile/Profile.react.js b/src/components/Profile/Profile.react.js
index a0108442..2108102a 100644
--- a/src/components/Profile/Profile.react.js
+++ b/src/components/Profile/Profile.react.js
@@ -3,90 +3,45 @@
 import * as React from "react";
 import cn from "classnames";
 
-import {
-  Card,
-  Header,
-  SocialNetworksList,
-  Media,
-  Avatar,
-} from "../../components";
+import { Card, Header, SocialNetworksList } from "../../components";
 
 import ProfileImage from "./ProfileImage.react";
 
-import type { itemObject } from "../SocialNetworksList/SocialNetworksList.react";
-
-export type PropsForAll = {|
+export type Props = {|
   +children?: React.Node,
   +className?: string,
   +name: string,
   +avatarURL?: string,
   +twitterURL?: string,
-  +facebookURL?: string,
-  +socialNetworksObjects?: Array<itemObject>,
-|};
-
-type layout1 = {|
-  ...PropsForAll,
-  +layout?: 1,
   +backgroundURL?: string,
   +bio?: string,
 |};
 
-type layout2 = {|
-  ...PropsForAll,
-  +layout: 2,
-  +jobTitle?: string,
-|};
-
-type Props = layout1 | layout2;
-
-function Profile(props: Props): React.Node {
-  const {
-    className,
-    children,
-    name,
-    avatarURL = "",
-    socialNetworksObjects,
-  } = props;
-  const classes = cn(
-    { "card-profile": !props.layout || props.layout === 1 },
-    className
+function Profile({
+  className,
+  children,
+  name,
+  avatarURL = "",
+  twitterURL = "",
+  backgroundURL = "",
+  bio,
+}: Props): React.Node {
+  const classes = cn("card-profile", className);
+  return (
+    <Card className={classes}>
+      <Card.Header backgroundURL={backgroundURL} />
+      <Card.Body className="text-center">
+        <ProfileImage avatarURL={avatarURL} />
+        <Header.H3 className="mb-3">{name}</Header.H3>
+        <p className="mb-4">{bio || children}</p>
+        <SocialNetworksList
+          itemsObjects={[{ name: "twitter", label: "Follow" }]}
+          prefix="fa"
+          asButtons
+        />
+      </Card.Body>
+    </Card>
   );
-  if (!props.layout || props.layout === 1) {
-    const { bio, backgroundURL = "" } = props;
-    return (
-      <Card className={classes}>
-        <Card.Header backgroundURL={backgroundURL} />
-        <Card.Body className="text-center">
-          <ProfileImage avatarURL={avatarURL} />
-          <Header.H3 className="mb-3">{name}</Header.H3>
-          <p className="mb-4">{bio || children}</p>
-          <SocialNetworksList
-            itemsObjects={socialNetworksObjects}
-            prefix="fa"
-            asButtons
-          />
-        </Card.Body>
-      </Card>
-    );
-  }
-  if (props.layout === 2) {
-    const { jobTitle = "" } = props;
-    return (
-      <Card className={classes}>
-        <Card.Body>
-          <Media>
-            <Avatar size="xxl" className="mr-5" imageURL={avatarURL} />
-            <Media.BodySocial
-              name={name}
-              workTitle={jobTitle}
-              itemsObjects={socialNetworksObjects}
-            />
-          </Media>
-        </Card.Body>
-      </Card>
-    );
-  }
 }
 
 Profile.Image = ProfileImage;
diff --git a/src/components/SocialNetworksList/SocialNetworksList.react.js b/src/components/SocialNetworksList/SocialNetworksList.react.js
index c109488e..915ee985 100644
--- a/src/components/SocialNetworksList/SocialNetworksList.react.js
+++ b/src/components/SocialNetworksList/SocialNetworksList.react.js
@@ -2,18 +2,13 @@
 
 import * as React from "react";
 import cn from "classnames";
-import { List, Icon, Button, Tooltip } from "../";
-import { Placement } from "react-popper";
+import { List, Icon, Button } from "../";
 
-export type itemObject = {|
+type itemObject = {|
   name: string,
   label?: string,
   to?: string,
   tooltip?: string,
-  /**
-   * Tooltip placement
-   */
-  placement?: Placement,
   color?: string,
 |};
 
@@ -30,31 +25,17 @@ function listItemFromObjectFactory(
   asButtons: boolean = false,
   iconPrefix: string
 ) {
-  return ({
-    tooltip,
-    placement = "top",
-    to,
-    name,
-    label,
-    ...item
-  }: itemObject) => {
+  return (item: itemObject) => {
     const itemContent = asButtons ? (
-      <Button to={to} social={name} color={item.color} size="sm">
-        label}
+      <Button to={item.to} social={item.name} color={item.color} size="sm">
+        {item.label}
       </Button>
     ) : (
-      <a href={to} data-original-title={tooltip}>
-        <Icon prefix={iconPrefix} name={name} />
+      <a href={item.to} data-original-title={item.tooltip}>
+        <Icon prefix={iconPrefix} name={item.name} />
       </a>
     );
-    const itemComponent = <List.Item inline>{itemContent}</List.Item>;
-    return tooltip ? (
-      <Tooltip content={tooltip} placement={placement}>
-        {itemComponent}
-      </Tooltip>
-    ) : (
-      itemComponent
-    );
+    return <List.Item inline>{itemContent}</List.Item>;
   };
 }
 
diff --git a/src/index.js b/src/index.js
index 33c19480..ec44984d 100644
--- a/src/index.js
+++ b/src/index.js
@@ -45,14 +45,9 @@ export {
 export { default as FormCard } from "./forms/FormCard.react";
 export { default as FormTextInput } from "./forms/FormTextInput.react";
 export { default as FormCheckboxInput } from "./forms/FormCheckboxInput.react";
-export {
-  default as FormWithSingleInputAndButton,
-} from "./forms/FormWithSingleInputAndButton.react";
 export { default as colors } from "./colors";
 export { default as LoginPage } from "./page_templates/account/LoginPage";
 export { default as RegisterPage } from "./page_templates/account/RegisterPage";
 export {
   default as ForgotPasswordPage,
 } from "./page_templates/account/ForgotPasswordPage";
-export { default as ProfilePage } from "./page_templates/account/ProfilePage";
-export { default as ProfileFormCard } from "./forms/ProfileFormCard";
diff --git a/src/page_templates/account/ProfilePage/ProfilePage.examples.md b/src/page_templates/account/ProfilePage/ProfilePage.examples.md
deleted file mode 100644
index e69de29b..00000000
diff --git a/src/page_templates/account/ProfilePage/ProfilePage.react.js b/src/page_templates/account/ProfilePage/ProfilePage.react.js
deleted file mode 100644
index bd2febfd..00000000
--- a/src/page_templates/account/ProfilePage/ProfilePage.react.js
+++ /dev/null
@@ -1,343 +0,0 @@
-// @flow
-
-import * as React from "react";
-
-import {
-  Container,
-  Grid,
-  Form,
-  Profile,
-  Card,
-  Button,
-  Media,
-  Avatar,
-  List,
-  Text,
-  ProfileFormCard,
-  FormCard,
-} from "../../../";
-import withTouchedErrors from "../../../helpers/withTouchedErrors.react";
-
-import defaultStrings from "./ProfilePage.strings";
-import type { stringTypes } from "./ProfilePage.strings";
-
-type fieldTypes = {|
-  email?: string,
-  password?: string,
-|};
-
-type touchedTypes = {|
-  email?: boolean,
-  password?: boolean,
-|};
-
-type ProfileProps = {|
-  name: string,
-  backgroundURL?: string,
-  avatarURL?: string,
-  twitterURL?: string,
-  bio?: string,
-  jobTitle?: string,
-|};
-
-type Props = {|
-  +strings?: stringTypes,
-  +action?: string,
-  +method?: string,
-  +onSubmit?: Function,
-  +onChange?: (SyntheticInputEvent<HTMLInputElement>) => void,
-  +onBlur?: (SyntheticInputEvent<HTMLInputElement>) => void,
-  +values?: fieldTypes,
-  +errors?: fieldTypes,
-  +touched?: touchedTypes,
-  ...ProfileProps,
-|};
-
-/**
- * A profile page
- * Can be easily wrapped with form libraries like formik and redux-form
- * @TODO comments, profile social card, form card profile
- */
-function ProfilePage(props: Props): React.Node {
-  const {
-    action,
-    method,
-    onSubmit,
-    onChange,
-    onBlur,
-    values,
-    strings = {},
-    errors,
-  } = props;
-
-  const {
-    name,
-    backgroundURL,
-    avatarURL,
-    twitterURL,
-    bio,
-    jobTitle = "",
-  } = props;
-
-  return (
-    <div className="my-3 my-md-5">
-      <Container>
-        <Grid.Row>
-          <Grid.Col lg={4}>
-            <Profile
-              name={name}
-              backgroundURL={backgroundURL}
-              avatarURL={avatarURL}
-              twitterURL={twitterURL}
-              bio={bio}
-            />
-            <Profile
-              layout={2}
-              name={name}
-              avatarURL={avatarURL}
-              twitterURL={twitterURL}
-              jobTitle={jobTitle}
-            />
-            <ProfileFormCard
-              values={{
-                bio: bio,
-              }}
-            />
-          </Grid.Col>
-          <Grid.Col lg={8}>
-            <Card>
-              <Card.Header>
-                <Form.InputGroup
-                  append={<Button icon="camera" color="secondary" />}
-                >
-                  <Form.Input type="text" placeholder="Message" />
-                </Form.InputGroup>
-              </Card.Header>
-              <List.Group className="card-list-group">
-                <List.GroupItem className="py-5">
-                  <Media>
-                    <Media.Object
-                      avatar
-                      objectURL="demo/faces/male/16.jpg"
-                      size="md"
-                      className="mr-4"
-                    />
-                    <Media.Body>
-                      <Media.Heading>
-                        <small className="float-right text-muted">4 min</small>
-                        <h5>Peter Richards</h5>
-                      </Media.Heading>
-                      <Text>
-                        Aenean lacinia bibendum nulla sed consectetur.
-                        Vestibulum id ligula porta felis euismod semper. Morbi
-                        leo risus, porta ac consectetur ac, vestibulum at eros.
-                        Cras justo odio, dapibus ac facilisis in, egestas eget
-                        quam. Vestibulum id ligula porta felis euismod semper.
-                        Cum sociis natoque penatibus et magnis dis parturient
-                        montes, nascetur ridiculus mus.
-                      </Text>
-                      <Media.List>
-                        <Media.ListItem>
-                          <Media.Object
-                            avatar
-                            objectURL="demo/faces/female/17.jpg"
-                            className="mr-4"
-                          />
-                          <Media.Body>
-                            <strong>Debra Beck: </strong>
-                            Donec id elit non mi porta gravida at eget metus.
-                            Vivamus sagittis lacus vel augue laoreet rutrum
-                            faucibus dolor auctor. Donec ullamcorper nulla non
-                            metus auctor fringilla. Praesent commodo cursus
-                            magna, vel scelerisque nisl consectetur et. Sed
-                            posuere consectetur est at lobortis.
-                          </Media.Body>
-                        </Media.ListItem>
-                        <Media.ListItem>
-                          <Media.Object
-                            avatar
-                            objectURL="demo/faces/male/32.jpg"
-                            className="mr-4"
-                          />
-                          <Media.Body>
-                            <strong>Jack Ruiz: </strong>
-                            Lorem ipsum dolor sit amet, consectetur adipiscing
-                            elit. Fusce dapibus, tellus ac cursus commodo,
-                            tortor mauris condimentum nibh, ut fermentum massa
-                            justo sit amet risus.
-                          </Media.Body>
-                        </Media.ListItem>
-                      </Media.List>
-                    </Media.Body>
-                  </Media>
-                </List.GroupItem>
-                <List.GroupItem className="py-5">
-                  <Media>
-                    <Media.Object
-                      avatar
-                      size="md"
-                      objectURL="demo/faces/male/16.jpg"
-                      className="mr-4"
-                    />
-                    <Media.Body>
-                      <Media.Heading>
-                        <small className="float-right text-muted">12 min</small>
-                        <h5>Peter Richards</h5>
-                      </Media.Heading>
-                      <Text>
-                        Donec id elit non mi porta gravida at eget metus.
-                        Integer posuere erat a ante venenatis dapibus posuere
-                        velit aliquet. Cum sociis natoque penatibus et magnis
-                        dis parturient montes, nascetur ridiculus mus. Morbi leo
-                        risus, porta ac consectetur ac, vestibulum at eros.
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-                      </Text>
-                    </Media.Body>
-                  </Media>
-                </List.GroupItem>
-                <List.GroupItem className="py-5">
-                  <Media>
-                    <Media.Object
-                      avatar
-                      size="md"
-                      objectURL="demo/faces/male/16.jpg"
-                      className="mr-4"
-                    />
-                    <Media.Body>
-                      <Media.Heading>
-                        <small className="float-right text-muted">34 min</small>
-                        <h5>Peter Richards</h5>
-                      </Media.Heading>
-                      <Text>
-                        Donec ullamcorper nulla non metus auctor fringilla.
-                        Vestibulum id ligula porta felis euismod semper. Aenean
-                        eu leo quam. Pellentesque ornare sem lacinia quam
-                        venenatis vestibulum. Etiam porta sem malesuada magna
-                        mollis euismod. Donec sed odio dui.
-                      </Text>
-                      <Media.List>
-                        <Media.ListItem>
-                          <Media.Object
-                            avatar
-                            objectURL="demo/faces/male/26.jpg"
-                            className="mr-4"
-                          />
-                          <Media.Body>
-                            <strong>Wayne Holland: </strong>
-                            Donec id elit non mi porta gravida at eget metus.
-                            Vivamus sagittis lacus vel augue laoreet rutrum
-                            faucibus dolor auctor. Donec ullamcorper nulla non
-                            metus auctor fringilla. Praesent commodo cursus
-                            magna, vel scelerisque nisl consectetur et. Sed
-                            posuere consectetur est at lobortis.
-                          </Media.Body>
-                        </Media.ListItem>
-                      </Media.List>
-                    </Media.Body>
-                  </Media>
-                </List.GroupItem>
-              </List.Group>
-            </Card>
-
-            {/* <FormCard title='Edit Profile'>
-
-                <Grid.Row>
-                  <Grid.Col md={5}>
-                    <Form.Input
-                      label="Company"
-                      disabled={true}
-                      placeholder="Company"
-                      value="Creative Code Inc."
-                    />
-                  </Grid.Col>
-                  <Grid.Col sm={6} md={3}>
-                    <Form.Input
-                      label="Username"
-                      type="text"
-                      placeholder="Username"
-                      value="michael23"
-                    />
-                  </Grid.Col>
-                  <Grid.Col sm={6} md={4}>
-                    <Form.Input
-                      label="Email address"
-                      type="email"
-                      placeholder="Email"
-                    />
-                  </Grid.Col>
-                  <Grid.Col sm={6} md={6}>
-                    <Form.Input
-                      label="First Name"
-                      type="text"
-                      placeholder="First Name"
-                      value="Chet"
-                    />
-                  </Grid.Col>
-                  <Grid.Col sm={6} md={6}>
-                    <Form.Input
-                      label="Last Name"
-                      type="text"
-                      placeholder="Last Name"
-                      value="Faker"
-                    />
-                  </Grid.Col>
-                  <Grid.Col md={12}>
-                    <Form.Input
-                      label="Address"
-                      type="text"
-                      placeholder="Home Address"
-                      value="Melbourne, Australia"
-                    />
-                  </Grid.Col>
-                  <Grid.Col sm={6} md={4}>
-                    <Form.Input
-                      label="City"
-                      type="text"
-                      placeholder="City"
-                      value="Melbourne"
-                    />
-                  </Grid.Col>
-                  <Grid.Col sm={6} md={3}>
-                    <Form.Input
-                      label="Postal Code"
-                      type="number"
-                      placeholder="ZIP Code"
-                    />
-                  </Grid.Col>
-                  <Grid.Col md={5}>
-                    <Form.Select label="Country">
-                      <option>Germany</option>
-                    </Form.Select>
-                  </Grid.Col>
-                  <Grid.Col md={12}>
-                    <Form.Textarea
-                      rows={5}
-                      placeholder="Here can be your description"
-                      className="mb=0"
-                      label="About Me"
-                    >
-                      Oh so, your weak rhyme You doubt I'll bother, reading into
-                      it I'll probably won't, left to my own devices But that's
-                      the difference in our opinions.
-                    </Form.Textarea>
-                  </Grid.Col>
-                </Grid.Row>
-              </Card.Body>
-              <Card.Footer className="text-right">
-                <Button type="submit" color="primary">
-                  Update Profile
-                </Button>
-              </Card.Footer>
-            </FormCard> */}
-          </Grid.Col>
-        </Grid.Row>
-      </Container>
-    </div>
-  );
-}
-
-const ProfilePageWithTouchedErrors: React.ComponentType<
-  Props
-> = withTouchedErrors(["email", "password"])(ProfilePage);
-
-export default ProfilePageWithTouchedErrors;
diff --git a/src/page_templates/account/ProfilePage/ProfilePage.strings.js b/src/page_templates/account/ProfilePage/ProfilePage.strings.js
deleted file mode 100644
index 8bfc2862..00000000
--- a/src/page_templates/account/ProfilePage/ProfilePage.strings.js
+++ /dev/null
@@ -1,13 +0,0 @@
-//@flow
-const strings = {
-  title: "Forgot Password",
-  buttonText: "Request Password Change",
-  emailLabel: "Email Address",
-  emailPlaceholder: "Enter email",
-  instructions:
-    "Enter your email address and your password will be reset and emailed to you.",
-};
-
-export default strings;
-
-export type stringTypes = { [$Keys<typeof strings>]: string };
diff --git a/src/page_templates/account/ProfilePage/index.js b/src/page_templates/account/ProfilePage/index.js
deleted file mode 100644
index 9f1e0cd1..00000000
--- a/src/page_templates/account/ProfilePage/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import ProfilePage from "./ProfilePage.react";
-
-export default ProfilePage;