diff --git a/app/build.gradle b/app/build.gradle
index 59bf542..7175d0b 100644
--- a/app/build.gradle
+++ b/app/build.gradle
@@ -23,5 +23,9 @@ dependencies {
     compile fileTree(dir: 'libs', include: ['*.jar'])
     testCompile 'junit:junit:4.12'
     compile 'com.android.support:appcompat-v7:23.4.0'
+    compile 'com.android.support:support-v4:23.4.0'
+    compile 'com.android.support:cardview-v7:23.4.0'
+    compile 'com.android.support:gridlayout-v7:23.4.0'
+
     compile 'me.dm7.barcodescanner:zxing:1.8.4'
 }
diff --git a/app/src/main/java/com/munisystem/porst/MainActivity.java b/app/src/main/java/com/munisystem/porst/MainActivity.java
index a2638de..0e5b000 100644
--- a/app/src/main/java/com/munisystem/porst/MainActivity.java
+++ b/app/src/main/java/com/munisystem/porst/MainActivity.java
@@ -1,17 +1,42 @@
 package com.munisystem.porst;
 
-import android.content.Intent;
-import android.support.v7.app.AppCompatActivity;
 import android.os.Bundle;
+import android.support.v7.app.AppCompatActivity;
+import android.util.Log;
+import android.view.View;
+
+import com.munisystem.porst.fragments.MainFragment;
 
-public class MainActivity extends AppCompatActivity {
+public class MainActivity extends AppCompatActivity implements MainFragment.OnMainFragmentInteractionListener {
+    private static final String TAG = MainActivity.class.getSimpleName();
 
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
 
-        Intent intent = new Intent(this, QRReaderActivity.class);
-        startActivity(intent);
+        getSupportFragmentManager().beginTransaction()
+            .replace(R.id.container, MainFragment.newInstance())
+            .commit();
+    }
+
+    @Override
+    public void onCardItemClick(View v) {
+        String text = "";
+        switch (v.getId()) {
+            case R.id.card_rental: {
+                text = "貸出";
+                break;
+            }
+            case R.id.card_return: {
+                text = "返却";
+                break;
+            }
+            case R.id.card_status: {
+                text = "状態";
+                break;
+            }
+        }
+        Log.d(TAG, "onCardItemClick: " + text + " が押されました。");
     }
 }
diff --git a/app/src/main/java/com/munisystem/porst/fragments/MainFragment.java b/app/src/main/java/com/munisystem/porst/fragments/MainFragment.java
new file mode 100644
index 0000000..1ce9002
--- /dev/null
+++ b/app/src/main/java/com/munisystem/porst/fragments/MainFragment.java
@@ -0,0 +1,81 @@
+package com.munisystem.porst.fragments;
+
+import android.content.Context;
+import android.os.Bundle;
+import android.support.v4.app.Fragment;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+
+import com.munisystem.porst.R;
+
+public class MainFragment extends Fragment {
+
+    private OnMainFragmentInteractionListener mListener;
+
+    public MainFragment() {}
+
+    public static MainFragment newInstance() {
+        MainFragment fragment = new MainFragment();
+        Bundle args = new Bundle();
+        fragment.setArguments(args);
+        return fragment;
+    }
+
+    @Override
+    public void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        Bundle args = getArguments();
+        if (args == null) {
+            return;
+        }
+    }
+
+    @Override
+    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
+        View v = inflater.inflate(R.layout.fragment_main, container, false);
+        v.findViewById(R.id.card_rental)
+            .setOnClickListener(new View.OnClickListener() {
+                @Override
+                public void onClick(View v) {
+                    mListener.onCardItemClick(v);
+                }
+            });
+        v.findViewById(R.id.card_return)
+            .setOnClickListener(new View.OnClickListener() {
+                @Override
+                public void onClick(View v) {
+                    mListener.onCardItemClick(v);
+                }
+            });
+        v.findViewById(R.id.card_status)
+            .setOnClickListener(new View.OnClickListener() {
+                @Override
+                public void onClick(View v) {
+                    mListener.onCardItemClick(v);
+                }
+            });
+        return v;
+    }
+
+    @Override
+    public void onAttach(Context context) {
+        super.onAttach(context);
+        if (context instanceof OnMainFragmentInteractionListener) {
+            mListener = (OnMainFragmentInteractionListener) context;
+        } else {
+            throw new RuntimeException(context.toString()
+                    + " must implement OnMainFragmentInteractionListener");
+        }
+    }
+
+    @Override
+    public void onDetach() {
+        super.onDetach();
+        mListener = null;
+    }
+
+    public interface OnMainFragmentInteractionListener {
+        void onCardItemClick(View v);
+    }
+}
diff --git a/app/src/main/res/layout/activity_main.xml b/app/src/main/res/layout/activity_main.xml
index 910cfe2..ece4869 100644
--- a/app/src/main/res/layout/activity_main.xml
+++ b/app/src/main/res/layout/activity_main.xml
@@ -7,10 +7,10 @@
     android:paddingLeft="@dimen/activity_horizontal_margin"
     android:paddingRight="@dimen/activity_horizontal_margin"
     android:paddingTop="@dimen/activity_vertical_margin"
-    tools:context="com.munisystem.porst.MainActivity">
+    tools:context=".MainActivity">
 
-    <TextView
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:text="Hello World!" />
+    <FrameLayout
+        android:id="@+id/container"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent" />
 </RelativeLayout>
diff --git a/app/src/main/res/layout/fragment_main.xml b/app/src/main/res/layout/fragment_main.xml
new file mode 100644
index 0000000..117bd74
--- /dev/null
+++ b/app/src/main/res/layout/fragment_main.xml
@@ -0,0 +1,69 @@
+<android.support.v7.widget.GridLayout
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    app:columnCount="2"
+    app:rowCount="2">
+
+    <android.support.v7.widget.CardView
+        android:id="@+id/card_rental"
+        android:padding="@dimen/card_padding"
+        android:layout_margin="@dimen/card_padding"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:foreground="?android:attr/selectableItemBackground"
+        android:clickable="true"
+        app:layout_columnWeight="1"
+        app:layout_rowWeight="1">
+
+        <TextView
+            android:text="@string/card_rental_text"
+            android:textSize="@dimen/font_size_large"
+            android:layout_gravity="center"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content" />
+
+    </android.support.v7.widget.CardView>
+
+    <android.support.v7.widget.CardView
+        android:id="@+id/card_return"
+        android:padding="@dimen/card_padding"
+        android:layout_margin="@dimen/card_padding"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:foreground="?android:attr/selectableItemBackground"
+        android:clickable="true"
+        app:layout_columnWeight="1"
+        app:layout_rowWeight="1">
+
+        <TextView
+            android:text="@string/card_return_text"
+            android:textSize="@dimen/font_size_large"
+            android:layout_gravity="center"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content" />
+
+    </android.support.v7.widget.CardView>
+
+    <android.support.v7.widget.CardView
+        android:id="@+id/card_status"
+        android:padding="@dimen/card_padding"
+        android:layout_margin="@dimen/card_padding"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:foreground="?android:attr/selectableItemBackground"
+        android:clickable="true"
+        app:layout_columnWeight="1"
+        app:layout_rowWeight="1">
+
+        <TextView
+            android:text="@string/card_status_text"
+            android:textSize="@dimen/font_size_large"
+            android:layout_gravity="center"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content" />
+
+    </android.support.v7.widget.CardView>
+
+</android.support.v7.widget.GridLayout>
diff --git a/app/src/main/res/values/dimens.xml b/app/src/main/res/values/dimens.xml
index 47c8224..fc0fabf 100644
--- a/app/src/main/res/values/dimens.xml
+++ b/app/src/main/res/values/dimens.xml
@@ -1,5 +1,10 @@
 <resources>
-    <!-- Default screen margins, per the Android Design guidelines. -->
     <dimen name="activity_horizontal_margin">16dp</dimen>
     <dimen name="activity_vertical_margin">16dp</dimen>
+
+    <dimen name="card_padding">5dp</dimen>
+
+    <dimen name="font_size_small">12dp</dimen>
+    <dimen name="font_size_normal">16dp</dimen>
+    <dimen name="font_size_large">20dp</dimen>
 </resources>
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index dada89b..525edbe 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -1,3 +1,9 @@
 <resources>
     <string name="app_name">Porst</string>
+
+    <!-- TODO: Remove or change this placeholder text -->
+    <string name="hello_blank_fragment">Hello blank fragment</string>
+    <string name="card_rental_text">貸出</string>
+    <string name="card_return_text">返却</string>
+    <string name="card_status_text">状態</string>
 </resources>